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 :
8
Günlük :
166
Haftalık :
1007
Aylık :
4150
Copyright © 2012 İşbara Alp Sönmez – Programlama Örnekleri. Her hakkı saklıdır. www.alpsonmez.com Bu sitedeki herhangi bir içeriğin, herhangi bir sitede iznim dışında paylaşım yapılması durumunda hukuki dava açacağımı tarafınıza arz ederim.