Программа на JavaScript для создания простого калькулятора

В этом примере вы научитесь писать программу для создания простого калькулятора на JavaScript.

Чтобы понять этот пример, вы должны знать следующие темы программирования JavaScript:

  • Оператор JavaScript if… else
  • Заявление о переключении JavaScript

Пример 1. Простой калькулятор с 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)`);

Вывод

 Введите оператор (+, -, * или /): * Введите первое число: 3,4 Введите второе число: 5,6 3,4 * 5,6 = 19,04

В приведенном выше примере пользователю предлагается ввести оператор ( + , - , * или / ) и два числа.

parseFloat()Преобразует числовое значение строки в значение с плавающей точкой.

Оператор if… else if… ifиспользуется для проверки условия, которое пользователь ввел для оператора. Выполняется соответствующая операция и отображается результат.

Пример 2: Простой калькулятор с переключателем

 // 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; )

Вывод

 Введите оператор: + Введите первое число: 4 Введите второе число: 5 4 + 5 = 9

В приведенной выше программе пользователя просят ввести + , - , * или / и два числа. Затем switchинструкция выполняет кейсы на основе пользовательского ввода.

Интересные статьи...