Javascript ile aritmetik işlemler?

0 oy
0

Javascript'te dört işlem (toplama, çıkarma, çarpma ve bölme) nasıl yapılır. Örneğin sayı girebileceğim 2 tane textbox olsun. Bu inputlara gireceğim dinamik sayı değerleri ile nasıl aritmetik işlemler yapabilirim.

CEVAPLAR (1)

  • 1 oy

    Merhaba, JavaScript 'te dört işlemi bir örnekle anlatayım;

    Öncelikle sayıları girebileceğimiz textbox 'ları yazalım.

    Sayı 1 = <input type="text" id="sayi1">
    Sayı 2 = <input type="text" id="sayi2">

    Hesaplama işlemini yaptırmak için tıklayacağımız butonları yazalım. 4 işlem içinde farklı butonlar ekliyorum.

    <input type="submit" value="Toplama" onclick="toplama()">
    <input type="submit" value="Çıkarma" onclick="cikarma()">
    <input type="submit" value="Çarpma" onclick="carpma()">
    <input type="submit" value="Bölme" onclick="bolme()">

    Butonlara tıkladığımızda farklı fonksiyonlar çalıştıracağız. Şimdi de aşağıda işlemlerin yapılacağı fonksiyonları yazalım.

    Toplama

    Öncelikle toplama işlemini yapıyorum. "+" toplama operatörünü kullanacağız. Burda dikkat edilmesi gereken bir şey var. sayi1 ve sayi2 için oluşturduğum değişkenler ile, textbox'a girilen değerleri çekeceğiz. Fakat textbox 'a girilen değerlerin Integer'a yani sayıya çevrilmesi gerekiyor. Bunun için de parseFloat() metodunu kullanacağız. Bu arada JavaScript kodlarımızı <script></script> tagları arasına yazmayı unutmayın :)

    function toplama(){    
                var sayi1 = parseFloat(document.getElementById("sayi1").value);
                var sayi2 = parseFloat(document.getElementById("sayi2").value);
                var toplamaSonuc = sayi1 + sayi2;
                document.getElementById("sonuc").innerHTML = "Toplam = " + toplamaSonuc;
    }

    Çıkarma

    Çıkarma işleminde de "-" çıkarma operatörünü kullanacağız.

    function cikarma(){    
                var sayi1 = parseFloat(document.getElementById("sayi1").value);
                var sayi2 = parseFloat(document.getElementById("sayi2").value);
                var cikarmaSonuc = sayi1 - sayi2;
                document.getElementById("sonuc").innerHTML = "Fark = " + cikarmaSonuc;
    }

    Çarpma

    Çarpma işleminde ise "*" çarpma operatörünü kullanacağız.

    function carpma(){    
                var sayi1 = parseFloat(document.getElementById("sayi1").value);
                var sayi2 = parseFloat(document.getElementById("sayi2").value);
                var carpmaSonuc = sayi1 * sayi2;
                document.getElementById("sonuc").innerHTML = "Çarpım = " + carpmaSonuc;
    }

    Bölme

    Bölme işleminde biraz farklılık var. Burda bölüm ve kalan değerleri de devreye giriyor. Bölümü bulmak için "/" bölme operatörünü kullanacağız. Kalan için ise "%" operatörünü kullanmamız gerek. Bölüm operatöründe sayılar tam olarak bölünemez ise sonuç küsüratlı olarak çıkar. Bunu engellemek için Math.floor() fonksiyonunu kullanacağız. Math.floor() ile sayının küsüratı atılır, tam sayı olarak alınır. Örneğin sayı 7,35 ise, Math.floor() ile 7 sayısını elde ederiz.

    function bolme(){    
                var sayi1 = parseFloat(document.getElementById("sayi1").value);
                var sayi2 = parseFloat(document.getElementById("sayi2").value);
                var bolmeSonuc = Math.floor(sayi1 / sayi2);
                var kalan = sayi1 % sayi2;
                document.getElementById("sonuc").innerHTML = "Bölüm = " + bolmeSonuc + " Kalan = " + kalan;
    }

    işte bu kadar ;)

Cevap Verin

Bu soruya cevap verebilmek için üye girişi yapmalı ya da kayıt olmalısınız.

Şikayet Sebebiniz :
Cevabı silmek istediğinizden emin misiniz?
E-posta Adresiniz :
Şifreniz :
Facebook ile Giriş Yapın!

Hemen sormak veya cevaplamak için bize katılın!

Çıkış yapmak istediğinizden emin misiniz?

Evet Hayır