点击.collect类按钮无法弹出指定提示框的问题求助

点击带有.collect类的按钮时，无法弹出显示“Sure to proceed?”的提示框，相关代码如下：

JavaScript代码 #

const button = document.querySelector(".collect");
button.addEventListener("click", function() {
    alert("Sure to proceed?");
});

HTML代码 #

<button type="submit" class="collect">PROCESS</button>

解决方法 #

将JavaScript代码放在目标<button>元素之后执行即可解决该问题。

感谢@David的评论指引。

内容的提问来源于stack exchange，提问作者Mr Pain