我想更改html每次用户在页面中随机单击的时间

时间:2019-05-17 00:43:21

标签: javascript dom

作为练习,我想要:
每次用户单击或在屏幕(空白处)中随机按键时进行操作。
  尝试过
       document.addEventListener("event",function()); 但它只做一次更改。 例如:
evry在屏幕上显示的变量在屏幕上单击,将其添加1。
或当用户用空白内容用键盘将其录入空白页时,它就会显示在屏幕上。

document.addEventListener("click", test);

function test() {
  document.getElementById("demo").innerHTML = "Hello World!";
}
<p id="demo"></p>

1 个答案:

答案 0 :(得分:1)

第一次单击,第二次单击将对DOM进行相同的更改,因此不会有任何区别。为其指定不同的内容,以便您可以看到更改。

document.addEventListener("click", test);
var counter = 0;
function test() {
  document.getElementById("demo").innerHTML = "Hello World! " + counter;
  counter++;
}
<p id="demo"></p>