Kot vemo, je Kalkulator je prenosna naprava, ki jo v vsakdanjem življenju uporabljamo za izvajanje različnih matematičnih funkcij, kot je npr seštevanje, odštevanje, množenje, deljenje , koren itd. Vendar pa imamo znanstvene ali sofisticirane kalkulatorje, ki se uporabljajo za reševanje kompleksnih nalog, kot so trigonometrične funkcije, stopinje, eksponentni operatorji, funkcije logaritma, hiperbolične funkcije, kvadratni koren itd. V tej temi bomo ustvarili program kalkulator v JavaScriptu.
Primer 1: Ustvarite kalkulator JavaScript z uporabo programskih jezikov JavaScript, HTML in CSS.
Build.html
klicanje funkcije js iz html
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>Preizkusite zdaj
Izhod
Ko se zgornji program izvede v katerem koli brskalniku, prikaže spodnjo sliko.
Zdaj izvajamo več operacij v kalkulatorju JavaScript s pritiskom na številski gumb, kot je prikazano:
Po izvedbi operacij kliknite na ' = ' (enako) gumb za vrnitev JavaScript Calculator' Prikaz rezultata .
sql izberite kot
Poleg tega lahko prikazani rezultat ali napačno številko eno za drugo odstranimo na zadnji strani s klikom na B ( Nazaj ) gumb. Če želimo odstraniti povsem vidno številko, pritisnemo C ( Prekliči ) v kalkulatorju.