JavaScript ile Hesap Makinesi Örneği Kodlama
Bu örneğimizde JavaScript ile basit bir hesap makinesi kodlayacağız.
JavaScript ile Hesap Makinesi Örneği
Aşağıda, 4 işlemi yapabilen basit bir hesap makinesinin JavaScript kodları verilmiştir. Kodun nasıl çalıştığını codepen üzerinden inceleyebilirsiniz:
See the Pen JS ile Hesap Makinesi by 1kodum (@1kodum) on CodePen.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 |
<!DOCTYPE html> <html> <body> <p>Hesap Makinesi</p> <input id="sayi1" type="text" placeholder="İlk sayıyı giriniz"> <select id="islem"> <option value="+">Toplama</option> <option value="-">Çıkarma</option> <option value="*">Çarpma</option> <option value="/">Bölme</option> </select> <input id="sayi2" type="text" placeholder="İkinci sayıyı giriniz"> <button onclick="hesapla()">Hesapla</button> <p id="sonuc"></p> <script> function hesapla() { var sayi1 = document.getElementById('sayi1').value; var sayi2 = document.getElementById('sayi2').value; var islem = document.getElementById('islem').value; var sonuc; if (islem == "+") { sonuc = parseFloat(sayi1) + parseFloat(sayi2); } else if (islem == "-") { sonuc = parseFloat(sayi1) - parseFloat(sayi2); } else if (islem == "*") { sonuc = parseFloat(sayi1) * parseFloat(sayi2); } else if (islem == "/") { sonuc = parseFloat(sayi1) / parseFloat(sayi2); } document.getElementById('sonuc').innerHTML = 'Sonuç: ' + sonuc; } </script> </body> </html> |