Недавно начал изучать JS, для практики решил написать небольшой калькулятор. Все в нем более-менее работает, но интересует вопрос, как оптимизировать код, т.к. во всех функциях 90% повторябщейся информации.
Создавал отдельную функцию Init() и выносил туда всю инициализацию переменных, вызывая ее в коде остальных функций. Однако, выдавало ошибки, что переменные не определены.
Помогите оптимизировать данный код.
function sum(){
let num1 = document.querySelector('#n1').value;
let num2 = document.querySelector('#n2').value;
let result;
num1 = parseInt(num1);
num2 = parseInt(num2);
result = num1 + num2;
document.querySelector('#out').innerHTML += result + ' ';
}
function dif(){
let num1 = document.querySelector('#n1').value;
let num2 = document.querySelector('#n2').value;
let result;
num1 = parseInt(num1);
num2 = parseInt(num2);
result = num1 - num2;
document.querySelector('#out').innerHTML += result;
}
function dvs() {
let num1 = document.querySelector('#n1').value;
let num2 = document.querySelector('#n2').value;
let result;
num1 = parseInt(num1);
num2 = parseInt(num2);
if (num1 <= 0 || num2 <=0){
alert('Числа должны быть больше 0');
}
else {
result = num1 / num2;
document.getElementById('out').innerHTML += result + ' ';
}
}
num1, num2 и result
вынести из каждой функции и сделать глобальнымиreturn [ num1, num2 ]
. В остальных функциях ее вызывать и работать с массивом arr[0] и arr[1]