logo

JavaScript-laskin

Kuten tiedämme, Laskin on kannettava laite, jota käytetään jokapäiväisessä elämässämme suorittamaan erilaisia ​​matemaattisia toimintoja, kuten yhteen-, vähennys-, kerto-, jako- , juuri jne. Meillä on kuitenkin tieteellisiä tai kehittyneitä laskimia, joita käytetään ratkaisemaan monimutkaisia ​​tehtäviä, kuten trigonometriafunktioita, asteita, eksponenttioperaattoreita, lokifunktioita, hyperbolisia funktioita, neliöjuuria ja niin edelleen. Tässä aiheessa luomme laskinohjelman JavaScriptillä.

Esimerkki 1: Luo JavaScript-laskin JavaScript-, HTML- ja CSS-ohjelmointikielillä.

Build.html

vb ja vb net
 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> 
Testaa nyt

Lähtö

Kun yllä oleva ohjelma suoritetaan missä tahansa selaimessa, se näyttää alla olevan kuvan.

JavaScript-laskin

Nyt suoritamme useita toimintoja JavaScript-laskimessa painamalla numeropainiketta kuvan mukaisesti:

JavaScript-laskin

Kun olet suorittanut toiminnot, napsauta ' = ' (yhtä) -painiketta palauttaaksesi JavaScript-laskimen näyttötulos .

tekstin kokoinen lateksi
JavaScript-laskin

Lisäksi voimme poistaa näytetyn tuloksen tai väärän numeron yksitellen takapäästä napsauttamalla B ( Takaisin ) -painiketta. Jos haluamme poistaa kokonaan näkyvän numeron, paina C ( Peruuttaa ) -painiketta laskimesta.