я хочу внести изменения в HTML каждый раз, когда пользователь случайно щелкает мышью на странице

Question

как практика, я хочу:
каждый раз, когда пользователь нажимает или нажимает клавишу случайным образом на экране (пустые места), совершает действие.
пробовал это с
document.addEventListener("event",function()); , но это делает изменениетолько однажды.например:
переменная, отображаемая на экране, при каждом нажатии на экран она добавляет к нему 1.
или когда пользователь записывает на пустую страницу что-то с клавиатуры, он появляется на экране.

document.addEventListener("click", test);

function test() {
  document.getElementById("demo").innerHTML = "Hello World!";
}

<p id="demo"></p>

Answer 1

Как только вы нажмете первый раз, второй щелчок внесет то же изменение в DOM, так что вы не увидите никакой разницы.Заставьте его назначить что-то другое, чтобы вы могли видеть изменения.

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

<p id="demo"></p>