Не передается событие второй кнопке

156
11 июля 2019, 15:50

Вот пример. В HTML документе два input type button. Первая кнопка работает исправно, а второй не удается передать click в качестве аргумента. В чем ошибка ?

window.onload = function(){
    var btn1 = document.querySelector('input[name=btn1]');
    var btn2 = document.querySelector('input[name=btn2]');

    function OurJquery(){
        this.btnClick1 = function(elem, fun){
            elem.addEventListener('click', fun);
        }
        this.btnClick2 = function(elem, event, fun){
            elem.addEventListener('event', fun);
        }
    };
    var Click1 = new OurJquery;
    Click1.btnClick1(btn1,function(){console.log('neo')
    });
    var Click2 = new OurJquery;
    Click2.btnClick1(btn2,click, function(){console.log('morf')
    });
}
Answer 1

window.onload = function() { 
  var btn1 = document.querySelector('input[name=btn1]'); 
  var btn2 = document.querySelector('input[name=btn2]'); 
 
 
  function OurJquery() { 
    this.btnClick1 = function(elem, fun) { 
      elem.addEventListener('click', fun); 
    } 
    this.btnClick2 = function(elem, event, fun) { 
      elem.addEventListener(event, fun); 
    } 
  }; 
 
  var Click1 = new OurJquery; 
  Click1.btnClick1(btn1, function() { 
    console.log('neo') 
  }); 
 
  var Click2 = new OurJquery; 
  Click2.btnClick2(btn2, "click", function() { 
    console.log('morf') 
  }); 
 
}
<input type="button" name="btn1" value="Button 1"/> 
<input type="button" name="btn2" value="Button 2"/>

READ ALSO
Как сделать что бы текст не переносился?

Как сделать что бы текст не переносился?

есть простой тестовый блокКоторый имеет width 0 но при клике добавление класса у него появляется width 40%

130
Есть ли ленивые регулярные выражения в JS

Есть ли ленивые регулярные выражения в JS

Есть два блока, идущих друг за другом:

137