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.
Nyt suoritamme useita toimintoja JavaScript-laskimessa painamalla numeropainiketta kuvan mukaisesti:
Kun olet suorittanut toiminnot, napsauta ' = ' (yhtä) -painiketta palauttaaksesi JavaScript-laskimen näyttötulos .
tekstin kokoinen lateksi
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.