Я начинающий программист. Пыталась написать калькулятор, все кнопки работают, как надо, но основная кнопка- вывода выдает undefined... Возможно проблема в неправильно написанной функции или eval...Код js и html ниже.
(function () {
let screen = document.querySelector('.screen');
let buttons = document.querySelectorAll('.btn');
let clear = document.querySelector('.btn-clear');
let equal = document.querySelector('.btn-equal');
let answer = '';
buttons.forEach(function (button) {
button.addEventListener('click', function (e) {
let value = e.target.dataset.num;
screen.value += value;
})
});
let Result = () => {
try {
screen.value = eval(screen.value);
}
catch (err) {
alert('Enter the valid input');
}
};
clear.addEventListener('click', function (e) {
screen.value = '';
});
})();
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<title>Document</title>
</head>
<body>
<section class="calculator">
<form>
<input type="text" class="screen">
</form>
<div class="buttons">
<button class="btn btn-yellow" data-num=""></button>
<button class="btn btn-yellow" data-num="/">/</button>
<button class="btn btn-yellow" data-num="+">+</button>
<button class="btn btn-yellow" data-num="-">-</button>
<button class="btn btn-grey" data-num="9">9</button>
<button class="btn btn-grey" data-num="8">8</button>
<button class="btn btn-grey" data-num="7">7</button>
<button class="btn btn-grey" data-num="6">6</button>
<button class="btn btn-grey" data-num="5">5</button>
<button class="btn btn-grey" data-num="4">4</button>
<button class="btn btn-grey" data-num="3">3</button>
<button class="btn btn-grey" data-num="2">2</button>
<button class="btn btn-grey" data-num="1">1</button>
<button class="btn btn-grey" data-num="0">0</button>
<button class="btn btn-grey" data-num=".">.</button>
<button class="btn btn-equal" onclick="Result()">=</button>
<button class="btn btn-clear">C</button>
</div>
</section>
<script src="script.js"></script>
</body>
</html>
