addEventListener не работает
Всем привет! У меня есть функция action, в которой я задаю тегу из аргументов некоторое событие, но addEventListener почему-то не работает. Код:
index.js
function main(dom) {
dom.RenderToDOM('<div id="hello"></div>')
node({
container: document.querySelector('#hello'),
template: '<h1>Hello, {{name}}!</h1>',
material: {
name: 'World'
}
})
action({
container: document.querySelector('h1'),
listener: 'click',
function: () => {
console.log('Hello, Changed Name!')
}
})
}
framework.js
function FunctionalDOM(dom) {
let currentDOM = dom.cloneNode(true)
setInterval(() => {
if (currentDOM.innerHTML == dom.cloneNode(true).innerHTML) {
} else if (currentDOM.innerHTML != dom.cloneNode(true).innerHTML) {
dom.innerHTML = dom.cloneNode(true).innerHTML
currentDOM = dom.cloneNode(true)
}
}, 1)
return {
RenderToDOM(content) {
dom.innerHTML = content
}
}
}
function run(bootstrap, drivers) {
const functionalDOM = FunctionalDOM(drivers.DOM)
bootstrap(functionalDOM)
}
function node(nodeObject) {
const template = Handlebars.compile(nodeObject.template)
nodeObject.container.innerHTML = template(nodeObject.material)
}
function action(actionObject) {
actionObject.container.addEventListener(actionObject.listener, actionObject.function, false)
}