W tym przykładzie nauczysz się pisać program do tworzenia prostego kalkulatora w JavaScript.
Aby zrozumieć ten przykład, powinieneś znać następujące tematy programowania JavaScript:
- JavaScript if… else Instrukcja
- Instrukcja przełączania JavaScript
Przykład 1: Prosty kalkulator z if… else if… else
// program for a simple calculator // take the operator input const operator = prompt('Enter operator ( either +, -, * or / ): '); // take the operand input const number1 = parseFloat(prompt('Enter first number: ')); const number2 = parseFloat(prompt('Enter second number: ')); let result; // using if… else if… else if (operator == '+') ( result = number1 + number2; ) else if (operator == '-') ( result = number1 - number2; ) else if (operator == '*') ( result = number1 * number2; ) else ( result = number1 / number2; ) // display the result console.log(`$(number1) $(operator) $(number2) = $(result)`);
Wynik
Podaj operator (+, -, * lub /): * Podaj pierwszą liczbę: 3,4 Podaj drugą liczbę: 5,6 3,4 * 5,6 = 19,04
W powyższym przykładzie użytkownik jest proszony o wprowadzenie operatora (albo + , - , * lub / ) i dwóch liczb.
parseFloat()
Konwertuje numeryczną wartość ciągu na wartość zmiennoprzecinkową.
if… else if… if
Oświadczenie jest używany w celu sprawdzenia warunków, które użytkownik wprowadził do operatora. Wykonywana jest odpowiednia operacja i wyświetlane jest wyjście.
Przykład 2: Prosty kalkulator z przełącznikiem
// program for a simple calculator let result; // take the operator input const operator = prompt('Enter operator ( either +, -, * or / ): '); // take the operand input const number1 = parseFloat(prompt('Enter first number: ')); const number2 = parseFloat(prompt('Enter second number: ')); switch(operator) ( case '+': result = number1 + number2; console.log(`$(number1) + $(number2) = $(result)`); break; case '-': result = number1 - number2; console.log(`$(number1) - $(number2) = $(result)`); break; case '*': result = number1 * number2; console.log(`$(number1) * $(number2) = $(result)`); break; case '/': result = number1 / number2; console.log(`$(number1) / $(number2) = $(result)`); break; default: console.log('Invalid operator'); break; )
Wynik
Podaj operator: + Podaj pierwszą liczbę: 4 Podaj drugą liczbę: 5 4 + 5 = 9
W powyższym programie użytkownik jest proszony o wpisanie + , - , * lub / oraz dwóch liczb. Następnie switch
instrukcja wykonuje przypadki na podstawie danych wejściowych użytkownika.