Писал вот такой вот калькулятор. Однако столкнулся с проблемой, что нельзя загнать арифметический знак в переменную, потому что арифметический знак становится строковым, а если арифметический знак попытаться перевести в численный функцией, то выдает ошибку. Как быть?
Хотелось сделать что-то вроде массива и чтобы знак подставлялся в зависимости от условия, типа:
let devide = parseInt(/)
res.innerHTML = parseInt(val1.value) +devide+ parseInt(val2.value);
Но так не работает, поэтому сделать смог калькулятор только так:
// Получаем значение из полей input
let val1 = document.querySelector('input[name=val1]')
let val2 = document.querySelector('input[name=val2]')
let btn = document.querySelectorAll('input[type=submit]')
let res = document.querySelector('.res')
// Обходим массив через цикл и если условие соотвествует, то подставляем нужный знак
for (let i = 0; i < btn.length; i++) {
btn[i].onclick = function () {
if (btn[i].value === '-') {
res.innerHTML = parseInt(val1.value) - parseInt(val2.value);
this.setAttribute('disabled', 'disabled')
}
else if (btn[i].value === '+') {
res.innerHTML = parseInt(val1.value) + parseInt(val2.value);
this.setAttribute('disabled', 'disabled')
}
else if (btn[i].value === '/') {
res.innerHTML = parseInt(val1.value) / parseInt(val2.value);
this.setAttribute('disabled', 'disabled')
}
else if (btn[i].value === '*') {
res.innerHTML = parseInt(val1.value) * parseInt(val2.value);
this.setAttribute('disabled', 'disabled')
}
else {
console.log('error');
}
}
}