Этот вопрос закрыт для ответов, так как повторяет вопрос Не работает кнопка вывода калькулятора. Выдает undefined. Что делать?
@Pr1000000

Не работает кнопка вывода калькулятора. Выдает undefined. Что делать?

Я начинающий программист. Пыталась написать калькулятор, все кнопки работают, как надо, но основная кнопка- вывода выдает 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>
  • Вопрос задан
  • 41 просмотр
Пригласить эксперта
Ваш ответ на вопрос

Вопрос закрыт для ответов и комментариев

Потому что уже есть похожий вопрос.
Похожие вопросы