При вызове метода this.bindEvent();
возникает ошибка:
Uncaught TypeError: this.button.on is not a function
На 15 строке, буду признателен за помощь если укажите на мою ошибку
js:
(function() {
"use strict"
let List = {
init: function() {
this.casheDom();
this.bindEvent();
},
casheDom: function() {
this.input = document.querySelector(".js-input");
this.button = document.querySelector(".js-btn-add");
},
bindEvent: function() {
this.button.on("click", this.addItem.bind(this));
},
addItem: function() {
console.log("click test");
}
};
List.init();
})();
<div class="list">
<input type="text" class="js-input">
<button class="js-btn-add">add</button>
<div class="js-list-view"></div>
</div>
html:
<div class="list">
<input type="text" class="js-input">
<button class="js-btn-add">add</button>
<div class="js-list-view"></div>
</div>