Создайте простой калькулятор JavaScript для основных арифметических операций

Последнее обновление Сен 22, 2021

Дом JavaScript JQueryСоздайте простой калькулятор JavaScript для основных арифметических операций

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

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

1. Выберите подходящий текстовый редактор. Сейчас мы будем использовать Notepad ++.

2. HTML будет следующим:

Мы используем кнопки ввода для создания клавиатуры для калькулятора.

3. Теперь нам нужно включить библиотеку JQuery на нашу страницу. Для Google JQuery CDN используйте следующую ссылку:

https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js

4. Также следующий скрипт должен быть включен для расчета и операций калькулятора.

Вводы принимаются как число или оператор с клавиатуры калькулятора и добавляются к входу дисплея. При нажатии кнопки ‘=’ вычисление выполняется с помощью функции JavaScript eval().

Функция eval() оценивает или выполняет аргумент. Если аргумент является выражением, eval() оценивает выражение. Если аргумент является одним или несколькими операторами JavaScript, eval () выполняет операторы.

5. Для лучшего пользовательского интерфейса, мы добавим следующий CSS на нашей странице.