Я знаю, что похожие вопросы задали ранее. Но всё-таки мне хотелось бы узнать, можно ли написать функцию для калькулятора, опираясь на код, мной написанный до сих пор.
Знаю, как сделать простейший калькулятор для сложения эксклюзивно:
<input id="num1"/>
<p>+</p>
<input id="num2"/>
<button onclick="func()">равняется...</button>
<p id="result"></p>
<script>
function func(){
var num1 = Number(document.getElementById("num1").value);
var num2 = Number(document.getElementById("num2").value);
var result = num1 + num2;
document.getElementById("result").innerHTML = result;
}
</script>
До сих пор, нет сомнений. Но сейчас, мне хотелось бы заменить статичный знак плюса (+) четырьмя кнопками для всех базовых операций: сложения (+), вычитания (-), умножения (x), деления (:).
Интерфейс и распределения кнопок умею вставить, но не успеваю создать функцию, которая изменяет оператор в переменной result в зависимости от избранной кнопки операции.
Нужно ли делать отдельную функцию для каждой кнопки операторов? Или можно вставить всю программу в функцию кнопки выполнения ("равняется...")?
Вот код, написанный до сих пор:
<input id="num1"/>
<div id="operator_btns">
<button id="plus" class="operator">+</button>
<button id="minus" class="operator">-</button>
<button id="times" class="operator">x</button>
<button id="divide" class="operator">:</button>
</div>
<input id="num2"/>
<button onclick="func()">равняется...</button>
<p id="result"></p>
<script>
function func(){
var num1 = Number(document.getElementById("num1").value);
var num2 = Number(document.getElementById("num2").value);
result = ???
document.getElementById("result").innerHTML = result;
}
</script>
Какой будет функция переменной result? Спасибо за помощь!