Bildiğimiz gibi, Hesap makinesi gibi çeşitli matematiksel işlevleri gerçekleştirmek için günlük yaşamımızda kullanılan taşınabilir bir cihazdır. toplama, çıkarma, çarpma, bölme , kök vb. Ancak trigonometri fonksiyonları, dereceler, üstel operatörler, log fonksiyonları, hiperbolik fonksiyonlar, karekök vb. gibi karmaşık görevleri çözmek için kullanılan bilimsel veya gelişmiş hesap makinelerimiz vardır. Bu konumuzda JavaScript'te bir hesap makinesi programı oluşturacağız.

Örnek 1: JavaScript, HTML ve CSS programlama dillerini kullanarak bir JavaScript Hesaplayıcı oluşturun.

Build.html

powershell yöneticisi

 JavaScript Calculator h1 { text-align: center; padding: 23px; background-color: skyblue; color: white; } #clear{ width: 270px; border: 3px solid gray; border-radius: 3px; padding: 20px; background-color: red; } .formstyle { width: 300px; height: 530px; margin: auto; border: 3px solid skyblue; border-radius: 5px; padding: 20px; } input { width: 20px; background-color: green; color: white; border: 3px solid gray; border-radius: 5px; padding: 26px; margin: 5px; font-size: 15px; } #calc{ width: 250px; border: 5px solid black; border-radius: 3px; padding: 20px; margin: auto; } <table class="table"> <tr> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> </tr> </table> 

Çıktı

Yukarıdaki program herhangi bir tarayıcıda çalıştırıldığında aşağıdaki görüntüyü gösterir.

Şimdi gösterildiği gibi sayısal düğmeye basarak JavaScript Hesaplayıcı'da birden fazla işlem gerçekleştiriyoruz:

İşlemleri gerçekleştirdikten sonra ' seçeneğine tıklayın. = ' (eşittir) düğmesi JavaScript Hesaplayıcı'nın Görüntülenen sonucu .

karşılaştırılabilir dize

Ayrıca görüntülenen sonucu veya yanlış numarayı arka uçta B () simgesine tıklayarak tek tek kaldırabiliriz. Geri ) düğme. Tamamen görünen sayıyı kaldırmak istiyorsak C ( İptal etmek Hesap Makinesi'ndeki ) düğmesine basın.