JavaScript ile Basit Hesaplama İşlemleri

om3rcan · 23 Mar 2018

java, javascript, javascript örnekleri, javascript hesap, javascript hesap işlem, javascript hesaplama işlemleri <=

Bu yazımızda JavaScript ile fonksiyon kullanarak basit dört işlemi yaptıracağız. Butona tıklanması olayını onclick() fonksiyonu ile yakalayacağız. Aşağıdaki kod satırı ile Topla etiketli butona tıklandığında topla() isimli fonksiyonun çağrılacağı belirtiliyor.

JavaScript:

 <input type="button" onclick="topla();" value="Topla"/>

Burada tetiklenen topla() fonksiyonu yazılımını öğrenelim. Örneğin HTML kodunda aşağıdaki gibi metin kutusu nesnesini tanımlamış olalım. Burada önemli olan id alanına yazdığımız değerdir, burada değişken ismi kurallarında olduğu gibi Türkçe karakter kullanmayınız.

JavaScript:

<input type="text" name="sayi1" id="sayi1"><br/>

Aşağıdaki kod ile id değerini bildiğiniz form nesnesinin içerğine ulaşıyoruz.

JavaScript:

 s1= parseInt(document.getElementById('sayi1').value);

Şimdi topla() fonksiyonuna bakalım.

Kod:

function topla(){
        s1= parseInt(document.getElementById('sayi1').value);
        s2= parseInt(document.getElementById('sayi2').value);
        document.getElementById('sonuc').value = s1+s2;
    }

Bu şekilde dört işlemin fonksiyonunu yazabilirsiniz, yalnız bölme fonksiyonunda paydadaki sayının sıfıra eşit olup olmadığını kontrol etmemiz lazım, yoksa "infinity" yani sonsuz hata mesajı alırız. Aşağıdaki kod satırları ile s2 değişkeninin sıfıra eşit olup olmadığı kontrol ediliyor, eğer sıfıra eşit değilse bölme işlemini yapıyoruz, değilse metin kutusuna "Sıfıra bölme hatası" yazıyoruz.

JavaScript:

function bolme(){
        var sonuc;
        s1= parseInt(document.getElementById('sayi1').value);
        s2= parseInt(document.getElementById('sayi2').value);
        if (s2!=0){
            sonuc=s1/s2;
        }
        else {
            sonuc="Sıfıra bölme hatası";
        }

Tüm tarayıcılarda bu kodlar sorunsuz çalışır, bir hata varsa "Hata Ayıklayıcısı" ile kontrol ediniz.

Ara

JavaScript ile Basit Hesaplama İşlemleri

om3rcan

Benzer Konular