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.
Teraz vykonáme viacero operácií v JavaScriptovej kalkulačke stlačením číselného tlačidla, ako je znázornené:
Po vykonaní operácií kliknite na „ = ' tlačidlo (rovná sa) na návrat JavaScript Calculator' Zobraziť výsledok .
1 milión číslo
Ď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.