jquery logo

jQuery ile Hesap Makinesi Yapma Kodları

Merhaba arkadaşlar, bu yazımızda sizlere basit bir hesap makinesi oluşturmayı elimden geldiğince anlatmaya çalışacağım. Daha önce form kontrolü sağlama adına bir yazı yazmıştım okumadı iseniz buraya tıklayarak okuyabilirsiniz.Şimdi gelelim bu konumuza..

Öncelikle iki adet sayı girişi, toplama çarpma çıkartma ve bölme için de 4 adet de buton ekleyeceğiz. Html kodları aşağıdaki gibidir.

Şimdi jQuery tarafına geldiğimizde öncelikle head etiketleri arasına jQuery linkini (kütüphanesini) ekleyeceğiz.

şeklinde olacaktır. Bu linki jquery link yazın her türlü bulursunuz 🙂 Sınavlar da ya hazır olarak verilir ya da varmış olarak kabul edilir.

Şimdi ise butonlara tıklandığında ne yapılacağını yazmak.


Üst kısımdaki gibi oluşturduktan sonra bu fonksiyonun süslü parantezleri içerisine buton’a tıklandığında ekrana uyarı vermesini istiyoruz.

Bunun da kodları aşağıdaki gibi olacaktır.

Son olarak tüm kodlar aşağıdaki gibi olacaktır…

Çalışır hali:

hesap makinesi jquery

Herhangi bir butona bastığımızdan sonra çıkacak uyarı:

jquery hesap makinesi uyarı

Umarım faydalı olmuştur. Kolay gelsin…

Bir cevap yazın