JavaSript Bölünebilme Örneği – Ahmet Cansever
Pazartesi , 18 Aralık 2017
Anasayfa » Javascript » JavaSript Bölünebilme Örneği

JavaSript Bölünebilme Örneği

Bu JavaScript örneğimizde kullanıcıdan alınan iki sayıdan ilk sayının, ikinci sayıya bölünebilmesini anlatacağım.

 

HTML: Sayıların girilmesi için text nesnelerini oluşturduk. Bölme işlemini ve sayfa yenilemesini yapmak için ise iki ayrı buton oluşturduk ve bunları “panel” divinin içine koyduk. Bu sayede hepsi aynı hizada duracak.

 

 

JavaScript: Nesneleri değişken içerisine atarak tanımlıyoruz. Daha sonra nesnelerin içerisindeki “value” değerlerini tanımlayacağız.

 

 

Bölme butonuna “.onclick” olayını ve fonksiyon atıyoruz.

Nesnelerin içerisindeki “value” değerlerini de değişkene atayarak “number” nesnesine dönüştürüyoruz.

isNaN” ifadesi value değeri girilen değişkenlerin number nesnesi olup olmadığını belirtiyor. Sayı yerine metinsel bir ifade girildiğinde ilk koşulun içerisindeki kodlar çalışacaktır. Ve “sonuc” id sine sahip olan div etiketinin içerisine atılıyor.

İkinci koşul değişkenlerin birbirine bölünmelerini kontrol ediyor ve bölümlerinden kalan sıfır (0) ise belirtilen dive aktarılıyor.

Değişkenler metinsel ve birbirilerine tam bölünmüyor ise uygulama bunu hesaplayarak kalan sonucu belirtilen dive aktarılıyor.

 

Butona basıldığında sayfanın yenilemesini sağlayan kodlar ise şu şekilde;

 

CSS: Son olarak görünümünü düzenliyoruz.

 

 

Kodları toparlayacak olursak şu şekilde olacaktır;

Hakkında Sinem Çimen

İlginizi Çekebilir

JQuery UI DatePicker Kullanımı

Bu örneğimizde JQuery’nin UI eklentisini kullanarak DatePicker yapacağız. İlk olarak JQuery’nin sayfasından jquery ve ui …

Yorum Yap

Wordpress Tema indir