13
Сен
2021

Калькулятор перестал работать на js

После того как я в методе GetEventObject вместо calculator.OperationNumber(Iner) прописал this.OperationNumber(Iner), калькулятор перестал работать.

Прошу ответа с объяснением.

calculator = {

                Plus: document.getElementById('plus'),
                Minus: document.getElementById('minus'),
                Input1: document.getElementById('numb1'),
                Input2: document.getElementById('numb2'),

                start: function () {
                    
                    this.Plus.addEventListener('click', calculator.GetEventObject);
                    this.Minus.addEventListener('click', calculator.GetEventObject); 

                },

                GetEventObject: function() {

                    Iner = event.currentTarget.innerHTML;
                    this.OperationNumber(Iner);

                },

                OperationNumber: function(Code) {

                    Numb1 = Number(this.Input1.value);
                    Numb2 = Number(this.Input2.value);

                    if (Code === "+") {
                        total = Numb1 + Numb2;
                    };

                    if (Code === "-") {
                        total = Numb1 - Numb2;
                    };

                    alert(total);

                },



            };

            calculator.start();
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
    <link href="index2.css" rel="stylesheet" type="text/css">
</head>
<body>

    <button id="plus">+</button>
    <button id="minus">-</button>

    <input type="number" name="numb" id="numb1">
    <input type="number" name="numb" id="numb2">
</body>  
</html>
  

Источник: https://ru.stackoverflow.com/questions/1327978/%D0%9A%D0%B0%D0%BB%D1%8C%D0%BA%D1%83%D0%BB%D1%8F%D1%82%D0%BE%D1%80-%D0%BF%D0%B5%D1%80%D0%B5%D1%81%D1%82%D0%B0%D0%BB-%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%B0%D1%82%D1%8C-%D0%BD%D0%B0-js

Тебе может это понравится...

Добавить комментарий