使用Vanilla JavaScript与动态创建的元素进行交互。我无法与创建的元素进行任何交互

Question

1. 我使用btn click在HTML变量中创建元素，然后将其附加到div。之后，我无法与创建的元素进行任何交互。我真的很想在没有Jquery的情况下做到这一点。

    btnAdd.addEventListener("click", (e) => {
    e.preventDefault();
    if (input.value === "") {
        alert("Insert.text")
    } else {
        store.push(input.value);
        counter += 1
        let createDivList = document.createElement("div");
        createDivList.classList.add("list")
        const Html =
            `<div class="text">
                    <h5>${input.value}</h5>
                </div>
                <div class="icons">
                    <span class="btn-done icon"><i class="far fa-check-circle"></i></i></span>
                    <span class="btn-editar icon"><i class="far fa-edit"></i></span>
                    <span class="btn-recliclar icon"><i class="far fa-trash-alt"></i></span>
                </div>
                `;
        createDivList.innerHTML = Html;
        todoList.appendChild(createDivList)
        input.value = "";
    }
   

   }）

    remove.forEach((button) => {
        button.addEventListener("click", () => {
            alert("hello")
        })
    });