Çö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.

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

Technopat Haberler

Yeni konular

Yeni mesajlar

Gizliliğinize önem veriyoruz