ARTICLE AD BOX
<div id="container"></div>
<script>
const container = document.getElementById("container");
// Dynamically adding a button
container.innerHTML = `<button id="myBtn">Click Me</button>`;
// Trying to add event listener
document.getElementById("myBtn").addEventListener("click", function() {
alert("Button clicked!");
});
</script>
What is the correct way to attach event listeners to elements that are created dynamically in JavaScript?
Do I need to use DOMContentLoaded, setTimeout, or something else?
Is event delegation a better solution for this scenario?
