Для создания простого калькулятора на JavaScript нам понадобится HTML-код для разметки страницы и JavaScript-код для обработки действий пользователя.
HTML-код:
<!DOCTYPE html>
<html>
<head>
<title>Простой калькулятор на JavaScript</title>
</head>
<body>
<h1>Калькулятор</h1>
<form name="calc">
<input type="text" name="result" value="" placeholder="0">
<br><br>
<input type="button" value="1" onclick="calc.result.value+='1'">
<input type="button" value="2" onclick="calc.result.value+='2'">
<input type="button" value="3" onclick="calc.result.value+='3'">
<input type="button" value="+" onclick="calc.result.value+='+'">
<br><br>
<input type="button" value="4" onclick="calc.result.value+='4'">
<input type="button" value="5" onclick="calc.result.value+='5'">
<input type="button" value="6" onclick="calc.result.value+='6'">
<input type="button" value="-" onclick="calc.result.value+='-'">
<br><br>
<input type="button" value="7" onclick="calc.result.value+='7'">
<input type="button" value="8" onclick="calc.result.value+='8'">
<input type="button" value="9" onclick="calc.result.value+='9'">
<input type="button" value="*" onclick="calc.result.value+='*'">
<br><br>
<input type="button" value="C" onclick="calc.result.value=''">
<input type="button" value="0" onclick="calc.result.value+='0'">
<input type="button" value="=" onclick="calc.result.value=eval(calc.result.value)">
<input type="button" value="/" onclick="calc.result.value+='/'">
</form>
</body>
</html>
JavaScript-код:
// не требуется, поскольку мы используем встроенную функцию eval() для вычисления выражения
Как видно из кода, мы используем форму с одним текстовым полем и кнопками для ввода цифр и операций. Кнопки для цифр добавляют соответствующую цифру в текстовое поле, а кнопки для операций добавляют соответствующий символ. Кнопка "C" очищает текстовое поле, а кнопка "=" вычисляет значение выражения, используя встроенную функцию eval().
Этот калькулятор может выполнять основные арифметические операции (+, -, *, /) и поддерживает использование десятичных чисел. Однако, следует учитывать, что использование функции eval() может быть опасным, поскольку она может выполнять произвольный код JavaScript, введенный пользователем. Поэтому, если вы планируете использовать этот калькулятор для каких-то серьезных задач, рекомендуется написать свою собственную функцию для вычисления выражений.
Trustpilot Reviews | Подниму рейтинг вашей компании | SEO срвисы для продвижения сайтов
