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.