Вот пример. В 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')
});
}
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"/>
есть простой тестовый блокКоторый имеет width 0 но при клике добавление класса у него появляется width 40%