Jak wiemy, Kalkulator to przenośne urządzenie używane w naszym codziennym życiu do wykonywania różnych funkcji matematycznych, takich jak dodawanie, odejmowanie, mnożenie, dzielenie , pierwiastek itp. Jednakże dysponujemy kalkulatorami naukowymi lub wyrafinowanymi, używanymi do rozwiązywania złożonych zadań, takich jak funkcje trygonometryczne, stopnie, operatory wykładnicze, funkcje logarytmiczne, funkcje hiperboliczne, pierwiastek kwadratowy i tak dalej. W tym temacie utworzymy program kalkulatora w JavaScript.
Przykład 1: Utwórz kalkulator JavaScript, używając języków programowania JavaScript, HTML i CSS.
Kompilacja.html
Hasext 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>Przetestuj teraz
Wyjście
Gdy powyższy program zostanie uruchomiony w dowolnej przeglądarce, wyświetli się poniższy obraz.
Teraz wykonujemy wiele operacji w kalkulatorze JavaScript, naciskając przycisk numeryczny, jak pokazano:
Po wykonaniu operacji kliknij przycisk „ = przycisk ' (równy), aby zwrócić Wynik wyświetlania kalkulatora JavaScript .
tablica Java do wyświetlenia
Co więcej, możemy jeden po drugim usunąć wyświetlany wynik lub błędną liczbę z tyłu, klikając B ( Z powrotem ) przycisk. Jeśli chcemy usunąć całkowicie widoczny numer, naciśnij klawisz C ( Anulować ) z Kalkulatora.