Bu yazımızda Javascript dilinde arttır ve azalt butonları ile sayaç örneğini çözeceğiz.

Soru : Javascript kullanarak arttır ve azalt tuşları ile bir sayaç oluşturunuz.

Cevap :

    <h1>Javascript Arttır ve Azalt Tuşları İle Sayaç Yapımı</h1>
    
    <input type=button onclick="arttir()" style="width: 100px; height: 100px;" value="Arttır">
    <input type=button onclick="azalt()" style="width: 100px; height: 100px;" value="Azalt">
    <input type=button id="sonuc" style="width: 100px; height: 100px;" value="0">
 
    <script>
        function arttir(){
            var sonuc=document.getElementById("sonuc");
            sonuc.value=Number(sonuc.value)+1;
        }
        
        function azalt(){
            var sonuc=document.getElementById("sonuc");
            sonuc.value=Number(sonuc.value)-1;
    }

    </script>

Çıktısı :

Javascript Arttır ve Azalt Butonları İle Sayaç Örneği

Javascript dilinde arttır ve azalt butonları ile sayaç örneğini çözdük. Diğer Javascript örneklerimizi de görmek isterseniz buradan tümüne ulaşabilirsiniz. Ayrıca eğer eksiklikleriniz varsa Javascript derslerimize de buradan ulaşabilirsiniz.

Bu yazı dikkatini çekebilir.   Javascript Üniversite Not Ortalaması Hesaplama Örneği