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()"/>