JS ile eklediğim element null geliyor.
window.onload = function () {
document.querySelector('body').innerHTML = `
<button type="button" id="test-button">Click Me!</button>
`;
}
document.querySelector('#test-button').onclick = function () {
alert('');
}
document.querySelector('#test-button').addEventListener('click', e => {
e.preventDefault();
alert('');
});
Sayfa yüklenirken item oluşturuyorum ve bunu innerHTML ile ekliyorum. Sonrasında forEach, click gibi olayları hiçbir şekilde kontrol ettiremiyorum null olarak geliyor eklediğim element. Bunu jquery delegate ile çözmüştüm ama pure js'de nasıl çözeceğim?JS ile eklediğim element null geliyor.
<div class="title">
<h1><span id="question-counter"></span></h1>
</div>
<div class="answers">
<ul>
<li>
<a href="#" data-answer="a"></a>
</li>
<li>
<a href="#" data-answer="b"></a>
</li>
<li>
<a href="#" data-answer="c"></a>
</li>
<li>
<a href="#" data-answer="d"></a>
</li>
</ul>
</div>
<div class="next-question">
<button type="button">Next Que</button>
</div>
ben böyle bir yapıyı .quiz__wrapper'in içine aktarmaya calısıyorum. Yaptığınız mantığı anladım ama ben bunu createElement ile nasıl yapacağım?