Создать простенький калькулятор на 4 действия. (сумма, вычитание, умножение, деление.). Учесть, что деление на 0 вызывает окно "Деление на 0" Html+js+css(по желанию, или же тегом в самом Html-файле.) Оформление на ваш вкус.

Предыдущий
вопрос Следующий
вопрос

Question

Создать простенький калькулятор на 4 действия. (сумма, вычитание, умножение, деление.). Учесть, что деление на 0 вызывает окно "Деление на 0" Html+js+css(по желанию, или же тегом в самом Html-файле.) Оформление на ваш вкус.

Предыдущий
вопрос Следующий
вопрос

eva

3 Июл 2019 в 19:43

178 +1

0

Helper · Answer 1

<!DOCTYPE html>

Калькулятор body {
background-color: #f0f0f0;
font-family: Arial, sans-serif;
text-align: center;
margin-top: 100px;
}
input[type="text"], input[type="button"] {
padding: 5px;
margin: 5px;
font-size: 16px;
}
#result {
font-size: 20px;
font-weight: bold;
}
#error {
color: red;
font-size: 16px;
display: none;
}
Простой калькулятор

Деление на 0 function calculate(operator) {
var num1 = parseFloat(document.getElementById('num1').value);
var num2 = parseFloat(document.getElementById('num2').value);
var result;
var error = document.getElementById('error');
if (operator === '/' && num2 === 0) {
error.style.display = 'block';
document.getElementById('result').innerText = '';
} else {
error.style.display = 'none';
switch (operator) {
case '+':
result = num1 + num2;
break;
case '-':
result = num1 - num2;
break;
case '*':
result = num1 * num2;
break;
case '/':
result = num1 / num2;
break;
default:
break;
}
document.getElementById('result').innerText = 'Результат: ' + result;
}
}