Блог

Я создаю заводскую функцию для возврата объекта кнопки, в consol.log я получил правильный результат, но при применении addEventListner он не работает

           const tabButton = function(name)
        {
            const button = document.createElement("button")             
            button.innerText = name
            button.classList.add("btn")
            return {button}
        }
        
        const displayWebsite = function()
        {
            const btn = tabButton("name").button
            console.log(btn)                          //<button class="btn">name</button>
            btn.addEventListener("click",()=>{
                console.log("debug")                  // not working
            })
        }
 

Этот код работает:

 function tabButton(name) {
    const button = document.createElement("button");             
    button.innerText = name;
    button.classList.add("btn");
    document.getElementById("theButtons").appendChild(button);
    return button;
}
        
function displayWebsite() {
    const btn = tabButton("name");
    console.log(btn);
    btn.addEventListener("click",() => {
        console.log("debug")
    })
}

displayWebsite() 

 <div id="theButtons"></div>