Javascript input içindeki sayıyı arttırıp azaltma

Bu örneğimizde input sayıyı butonlara tıklanın arttırma ve azaltma işlemi yapacağız. 
Herhangi bir butona tıklanıldığında onclick metodu ile ona fonksiyonu çalıştıracağız.

 
    <script type="text/javascript">
        function arttir() {
            var deger = parseInt(document.getElementById('sayi').value);
           document.getElementById('sayi').value = deger + 1;
       }
       function sifirla() {
           document.getElementById('sayi').value = "0";
       }
       function azalt() {
           var deger = parseInt(document.getElementById('sayi').value);
           document.getElementById('sayi').value = deger - 1;
       }
    </script>

 


<input type="text" id="sayi" value="0" /><br />
<input type="button" value="Arttır" id="arttir"  onclick="arttir()"/>
<input type="button" value="Sıfırla" id="sifirla" onclick="sifirla()" />
<input type="button" value="Azalt" id="azalt"  onclick="azalt()"/>

 

Programın Çıktısı

Mesaj ve Yorumlar

Yorum Sayısı (0)

ÜYE YORUMLARI

Çevrimiçi :
14
Günlük :
154
Haftalık :
532
Aylık :
1534
Copyright © 2010 İşbara Alp Sönmez – Programlama Örnekleri. Her hakkı saklıdır. www.alpsonmez.com Bu sitedeki herhangi bir içeriğin, "herhangi bir sitede veya forumda" iznim dışında paylaşım yapılması durumunda hukuki dava açacağımı tarafınıza arz ederim. "Öğrenciler dilediği gibi kullanabilir."