Çözüldü JavaScript Görseldeki kodlama nasıl yapılır?

Fleure · 17 Temmuz 2023

JS'de bu resimdeki gibi nasıl yapabilirim? Kod diziniyle açıklar mısınız?

Not: ChatGPT gibi uygulamalar yasak biliyorsunuzdur hatırlatmak istedim.
Projenin amacı + ya basınca sayının 1 artması - ye basınca 1 azalması. Ondan sonra da her 2? Koyduğum yerdede olacak sonuç.
Mesela;
0 yazıyor + bastım yukarıdaki? 1 olacak aşağıdaki soru işareti de 1 olacak.

533388 · 17 Temmuz 2023

@Fleure

JavaScript:

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>Document</title>
</head>
<body>
 <div style="display: flex;">
 <button style="width: 50px;height: 50px;" id="arttir">+</button>
 <h1 id="deger" style="margin-top: 10px;">0</h1>
 <button style="width: 50px;height: 50px;" id="azalt">-</button>
 </div>
 <div style="display: flex;">
 <span id="altdeger">0</span>
 </div>
 <script>
 let arttir = document.getElementById("arttir")
 let azalt = document.getElementById("azalt")
 let deger = document.getElementById("deger")
 let altdeger = document.getElementById("altdeger")
 let value = 0

 arttir.addEventListener("click",e => {
 value++
 deger.innerHTML = value.
 altdeger.innerHTML = value.
 e.preventDefault();
 })
 azalt.addEventListener("click",e => {
 value--
 deger.innerHTML = value.
 altdeger.innerHTML = value.
 e.preventDefault();
 })
 </script>
</body>
</html>

@Fleure Value'lerin yanıdaki noktaları da kaldırın öyle çalışır.

533388 · 17 Temmuz 2023

@Fleure

JavaScript:

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>Document</title>
</head>
<body>
 <div style="display: flex;">
 <button style="width: 50px;height: 50px;" id="arttir">+</button>
 <h1 id="deger" style="margin-top: 10px;">0</h1>
 <button style="width: 50px;height: 50px;" id="azalt">-</button>
 </div>
 <div style="display: flex;">
 <span id="altdeger">0</span>
 </div>
 <script>
 let arttir = document.getElementById("arttir")
 let azalt = document.getElementById("azalt")
 let deger = document.getElementById("deger")
 let altdeger = document.getElementById("altdeger")
 let value = 0

 arttir.addEventListener("click",e => {
 value++
 deger.innerHTML = value.
 altdeger.innerHTML = value.
 e.preventDefault();
 })
 azalt.addEventListener("click",e => {
 value--
 deger.innerHTML = value.
 altdeger.innerHTML = value.
 e.preventDefault();
 })
 </script>
</body>
</html>

@Fleure Value'lerin yanıdaki noktaları da kaldırın öyle çalışır.

Fleure · 17 Temmuz 2023

533388 dedi:

@Fleure

JavaScript:

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>Document</title>
</head>
<body>
 <div style="display: flex;">
 <button style="width: 50px;height: 50px;" id="arttir">+</button>
 <h1 id="deger" style="margin-top: 10px;">0</h1>
 <button style="width: 50px;height: 50px;" id="azalt">-</button>
 </div>
 <div style="display: flex;">
 <span id="altdeger">0</span>
 </div>
 <script>
 let arttir = document.getElementById("arttir")
 let azalt = document.getElementById("azalt")
 let deger = document.getElementById("deger")
 let altdeger = document.getElementById("altdeger")
 let value = 0

 arttir.addEventListener("click",e => {
 value++
 deger.innerHTML = value.
 altdeger.innerHTML = value.
 e.preventDefault();
 })
 azalt.addEventListener("click",e => {
 value--
 deger.innerHTML = value.
 altdeger.innerHTML = value.
 e.preventDefault();
 })
 </script>
</body>
</html>

@Fleure Value'lerin yanıdaki noktaları da kaldırın öyle çalışır.

+ - Basınca sonuç değişmiyor.

Tamam oldu.

533388 · 17 Temmuz 2023

@Fleure hocam Value'lerin yanındaki noktaları kalıdırn.

@Fleure oldu mu hocam.

Fleure · 17 Temmuz 2023

533388 dedi:
@Fleure hocam Value'lerin yanındaki noktaları kalıdırn.

@Fleure oldu mu hocam.

Evet.

Çözüldü JavaScript Görseldeki kodlama nasıl yapılır?

Ayrıntılı düzenleme

Fleure

Decapat

533388

533388

Hectopat

Fleure

Decapat

533388

Hectopat

Fleure

Decapat

Benzer konular