Tengo una función que agrega datos desde un array de objetos. Crea en el DOM los elementos que necesito. Pero cuando quiero probar los botones para agregarle eventos, no me sirven
function createCoin(index){
const createStruct = document.createElement('div')
// createStruct.style = 'display: grid; grid-template-columns: repeat(5, 1fr); grid-template-rows: 1fr; justify-items: start; align-items: center;margin: 1rem 0'
createStruct.className = 'coin__main__container'
createStruct.innerHTML =
`</div class="coin__main__container">
<div class="coin__logo"><img src="${coins[index].imgUrl}"></div>
<div class="coin__moneda">${coins[index].name}</div>
<div class="coin__abreviatura">${coins[index].id}</div>
<div class="coin__price">${coins[index].price}</div>
<div class="coin__add"><button id="btn__add__portfolio">Agregar</button></div>
</div>
<div class="coin__separator"></div><div class="coin__separator"></div><div class="coin__separator"></div><div class="coin__separator"></div><div class="coin__separator"></div>
`;
main__section = document.getElementById('cotizaciones__container').appendChild(createStruct)
}
addBtn.addEventListener('click', function(){
alert('Works')
})
Mi pregunta es: Como puedo hacer para que al agregar los elementos me tome como valido el uso del botón?
https://crypther.vercel.app/ <- Esa es la página si no me explico bien