Jak víme, Kalkulačka je přenosné zařízení používané v našem každodenním životě k provádění různých matematických funkcí jako např sčítání, odčítání, násobení, dělení , odmocnina atd. Máme však vědecké nebo sofistikované kalkulačky používané k řešení složitých úloh, jako jsou trigonometrické funkce, stupně, exponenciální operátory, logaritmické funkce, hyperbolické funkce, odmocnina a tak dále. V tomto tématu vytvoříme program kalkulačky v JavaScriptu.

Příklad 1: Vytvořte JavaScriptovou kalkulačku pomocí programovacích jazyků JavaScript, HTML a CSS.

Build.html

pole přidávání prvků java

 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> 

Výstup

Když je výše uvedený program spuštěn v libovolném prohlížeči, zobrazí se níže uvedený obrázek.

Nyní provádíme několik operací v JavaScript Calculator stisknutím číselného tlačítka, jak je znázorněno:

Po provedení operací klikněte na ' = ' tlačítko (rovná se) pro návrat JavaScript Calculator' Zobrazit výsledek .

řetězec a podřetězec

Dále můžeme zobrazený výsledek nebo chybné číslo jeden po druhém na zadním konci odstranit kliknutím na B ( Zadní ) knoflík. Pokud chceme odstranit úplně viditelné číslo, stiskněte C ( zrušení ) z kalkulačky.