logo

Kalkulačka JavaScript

Ako vieme, Kalkulačka je prenosné zariadenie používané v našom každodennom živote na vykonávanie rôznych matematických funkcií ako napr sčítanie, odčítanie, násobenie, delenie Máme však vedecké alebo sofistikované kalkulačky používané na riešenie zložitých úloh, ako sú trigonometrické funkcie, stupne, exponenciálne operátory, logaritmické funkcie, hyperbolické funkcie, druhá odmocnina atď. V tejto téme vytvoríme program kalkulačky v JavaScripte.

Príklad 1: Vytvorte JavaScriptovú kalkulačku pomocou programovacích jazykov JavaScript, HTML a CSS.

Build.html

býci vs vôl
 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> 
Vyskúšajte to

Výkon

Keď sa vyššie uvedený program spustí v ľubovoľnom prehliadači, zobrazí sa obrázok nižšie.

Kalkulačka JavaScript

Teraz vykonáme viacero operácií v JavaScriptovej kalkulačke stlačením číselného tlačidla, ako je znázornené:

Kalkulačka JavaScript

Po vykonaní operácií kliknite na „ = ' tlačidlo (rovná sa) na návrat JavaScript Calculator' Zobraziť výsledok .

1 milión číslo
Kalkulačka JavaScript

Ďalej môžeme odstrániť zobrazený výsledok alebo nesprávne číslo jeden po druhom na zadnej strane kliknutím na B ( späť ) tlačidlo. Ak chceme odstrániť úplne viditeľné číslo, stlačte C ( Zrušiť ) z kalkulačky.