JS ile eklediğim element null geliyor.

howlberg 1198 gün önce

487 defa görüntülendi

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.

Soru hatalı mı? 👎

Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!

Spam olarak işaretle

Cevaplar (3)

abdullahx

1198 gün önce

Bir de bu şekilde deneyin;
https://codepen.io/Elessar61/pen/NWggNEM

#007325

abdullahx

1197 gün önce

Yani bir şeyler hazırladım ama ne denli işinize yarar bilemem. Link

#007328

howlberg

1198 gün önce

<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?

#007326