Вот простой код калькулятора для JavaScript с объяснениями:
// Step 1: Get the values from the user input
var num1 = parseFloat(prompt("Enter first number:"));
var num2 = parseFloat(prompt("Enter second number:"));
var operator = prompt("Enter operator (+, -, *, /):");
// Step 2: Perform the calculation based on the operator
var result;
switch (operator) {
case "+":
result = num1 + num2;
break;
case "-":
result = num1 - num2;
break;
case "*":
result = num1 * num2;
break;
case "/":
result = num1 / num2;
break;
default:
alert("Invalid operator entered");
}
// Step 3: Display the result
if (result !== undefined) {
alert("Result: " + result);
}
Первый шаг - получить значения от пользовательского ввода, используя функцию приглашения. Второй шаг - выполнить расчет на основе оператора. Оператор переключения используется для определения операции для выполнения на основе значения оператора. Последним шагом является отображение результата, используя функцию оповещения. Если оператор недействителен, результат будет не определен, а функция оповещения не будет выполнена.
напишем css и html где будет калькулятор:
<!DOCTYPE html>
<html>
<head>
<style>
.calculator {
width: 400px;
margin: 0 auto;
text-align: center;
}
input[type="text"] {
width: 100%;
height: 50px;
font-size: 20px;
text-align: right;
padding-right: 20px;
}
input[type="button"] {
width: 80px;
height: 50px;
font-size: 20px;
margin: 10px;
}
</style>
</head>
<body>
<div class="calculator">
<input type="text" id="display">
<br>
<input type="button" value="1">
<input type="button" value="2">
<input type="button" value="3">
<input type="button" value="+">
<br>
<input type="button" value="4">
<input type="button" value="5">
<input type="button" value="6">
<input type="button" value="-">
<br>
<input type="button" value="7">
<input type="button" value="8">
<input type="button" value="9">
<input type="button" value="*">
<br>
<input type="button" value="C">
<input type="button" value="0">
<input type="button" value="=">
<input type="button" value="/">
</div>
</body>
</html>
Ребята подписывайтесь на мой канал и ставьте лайки, чтобы была мотивация выпускать интересные статьи.
Пишите в комментарии , что вы хотите узнать и я сделаю статью на эту тему.