v2.5.2
Giriş yap

JS ile eklediğim element null geliyor.

howlberg
395 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.

Cevap yaz
Cevaplar (3)
abdullahx
928 gün önce

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

abdullahx
927 gün önce

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

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