Javascript Basit Hesap Makinesi Örneği

Bu yazımızda Javascript ile basit hesap makinesi örneğini çözeceğiz. Javascript ile hesap makinesi örneğini yaparken sayıları ve hangi işlemin yapılacağını kullanıcıdan almamız gerekecek.

Javascript hesap makinesi örneğini çözereken fonksiyonlar konusundan yararlanacağız. Eğer bu konuda eksiklerini olduğunu düşünüyorsanız ‘Javascript Fonksiyonlar‘ adlı yazımızı okuyup tekrar gelmenizde fayda var. Şimdi hesap makinesini yapmaya başlayabiliriz.

Soru : Javascript dilini kullanarak hesap makinesi kodunu yazınız. Program iki sayı ve hangi işlemin yapılacağını kullanıcıdan alsın.

Cevap :

Javascript ile hesap makinesi yapmanın birçok yolu var. Aşağıda yer alan kod, yapılabilecek en basitlerinden birdir.

<h1>Javascript Basit Hesap Makinesi</h1>
    
    <label>Küçük sayı : </label>
    <input type="number" id="sayi1">

    <select id="islem">
        <option value="topla">+</option>
        <option value="cikar">-</option>
        <option value="carp">*</option>
        <option value="bol">/</option>
    </select>

    <label>Büyük sayı : </label>
    <input type="number" id="sayi2">

    <button id="buton">Sonucu Bul</button>

    <div id="sonuc"></div>
    
    <script>
        var sonuc;
        function hesapla(){
            var sayi1=document.getElementById("sayi1").value;
            var sayi2=document.getElementById("sayi2").value;
            var islem=document.getElementById("islem").value;
    
            var s1 = Number(sayi1);
            var s2 = Number(sayi2);

            if(islem == 'topla')
                sonuc = s1 + s2;
            else if(islem == 'cikar')
                sonuc = s1 - s2;
            else if(islem == 'carp')
                sonuc = s1 * s2;
            else 
                sonuc = s1 / s2;

            document.getElementById("sonuc").innerHTML = "Sonuc : " + sonuc;
        }

        var hesaplaBtn=document.getElementById("buton");
        hesaplaBtn.onclick=hesapla;

    </script>

Çıktısı :

Bu yazımızda Javascript ile basit hesap makinesi örneğini çözdük. Diğer Javascript örneklerimizi de görmek isterseniz buradan tümüne ulaşabilirsiniz. Ayrıca eğer eksiklikleriniz varsa Javascript derslerimize de buradan ulaşabilirsiniz.