Jak zbudować prosty kalkulator w JavaScript?

Budowanie prostego kalkulatora w JavaScript jest bardzo pomocne w rozwiązywaniu skomplikowanych problemów. Oprócz tego ułatwia rozwiązywanie problemów, szczególnie w przypadku złożonych zapytań matematycznych. Co więcej, bardzo pomaga w codziennych problemach z życiem.e ustanowienie i analizowanie miesięcznych budżetów itp. W takich przypadkach jest to cuda zapewnienia wygody użytkownika i oszczędzanie czasu.

Jak zbudować prosty kalkulator w JavaScript?

Prosty kalkulator może być zaprojektowany w JavaScript przy użyciu następujących podejść:

• "Jeśli inaczej" stan
• "Określony przez użytkownika”Funkcja.

Podejście 1: Zbuduj prosty kalkulator w JavaScript za pomocą stanu IF/Else

Takie podejście można wykorzystać do uzyskania wartości operatora od użytkownika i zwrócenia odpowiedniej obliczonej wartości na podstawie „Jeśli inaczej" stan.

Przykład

Obserwujmy poniżej wyświetlony przykład:

W powyższym kodzie-snippet wykonaj następujące kroki:

• W pierwszym kroku skłonić użytkownika do wprowadzenia wartości operatora do działania na liczbach.
• Podobnie weź dwie wartości od użytkownika, na którym należy obsługiwać w odniesieniu do operatora.
• W dalszym kodeksie zastosuj warunek na każdego z operatorów, aby zwrócić swoje funkcje po wprowadzeniu wartości operatora.
• Po określeniu operatora w danym oknie dialogowym spowoduje przekierowanie do odpowiedniego operatora w „Jeśli inaczej”Warunki i zwróć precyzyjne obliczenia.

Wyjście

Z powyższego wyjścia widać, że dokładne obliczenia są zwracane w odniesieniu do wartości wprowadzonego operatora.

Podejście 2: Zbuduj prosty kalkulator w JavaScript za pomocą funkcji zdefiniowanej przez użytkownika

Takie podejście można zaimplementować, aby umożliwić użytkownikowi wprowadzenie liczb i wywołanie odpowiedniej funkcji na przycisku. Tutaj będzie osobny przycisk i funkcja dla każdej funkcji.

Przykład

Śledźmy poniższy przykład:

Kliknij, aby zwrócić sumę
Kliknij, aby zwrócić odejmowanie
Kliknij, aby zwrócić mnożenie
Kliknij, aby zwrócić podział
Niech Num1 = monit („Wprowadź 1. numer:”)
Niech Num2 = monit („Wprowadź 2. numer:”)
funkcjaaddnums ()
alert (NUM1 + NUM2)

FunctionSubTractNums ()
Alert (NUM1 - NUM2)

functionMultiplynums ()
alert (NUM1 * NUM2)

functiondividenums ()
alert (NUM1 / NUM2)

W powyższych wierszach kodu:

• Utwórz przyciski dla każdego z operatorów z załączonym „na kliknięcie”Zdarzenia przekierowujące do odpowiednich funkcji.
• W części kodu JavaScript zdefiniuj funkcję dla każdego z operatorów.
• W definicjach funkcji zwróć odpowiednie obliczenia na przycisku Kliknij za pomocą okna dialogowego Alertu.

Wyjście

W powyższym wyjściu można zaobserwować, że obliczona wartość jest zwracana po kliknięciu odpowiedniego przycisku operatora.

Wniosek

„„Jeśli inaczej”Warunek lub„określony przez użytkownika„Podejście funkcyjne można wdrożyć w celu zbudowania prostego kalkulatora w JavaScript. Poprzednie podejście można wykorzystać do zastosowania warunku na operatorów i zwrócenia odpowiedniej obliczonej wartości. To ostatnie podejście można zastosować, aby zdefiniować funkcję dla każdego z operatorów i zwrócić obliczoną wartość po kliknięciu przycisku. Ten zapis wyjaśnił, jak zbudować prosty kalkulator w JavaScript.