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

У цьому прикладі ви навчитеся писати програму для створення простого калькулятора в JavaScript.

Щоб зрозуміти цей приклад, ви повинні знати такі теми програмування JavaScript:

  • JavaScript, якщо … ще Заява
  • Заява про перемикання 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оператор виконує випадки на основі вводу користувача.

Цікаві статті...