javascript - addeventlistener 不起作用，事件不等待单击

Question

我正在为网页进行 Javascript 练习，我想要的是当我单击按钮时出现一行文本，问题是文本在我单击按钮之前出现。我所有的标签和 ID 都是正确的。

document.getElementById("earth_time").setAttribute("hidden", true);
ocument.getElementById("earth_time_check").addEventListener("onclick", earthTime());
function earthTime(){
document.getElementById("earth_time").innerHTML = Date();
document.getElementById("earth_time").hidden = false;}

Answer 1

问题在于，您尝试将事件监听器设置为调用 earthTime 函数的结果，但它实际上是未定义，因为您从中没有返回任何内容。

设置事件监听器的正确方法是:

document.getElementById("earth_time").setAttribute("hidden", true);
// earthTime is without calling brackets
document.getElementById("earth_time_check").addEventListener("onclick", earthTime);

function earthTime(){
  document.getElementById("earth_time").innerHTML = Date();
  document.getElementById("earth_time").hidden = false;
}