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)
}

Ответы (0 шт):