si hago clic en el cuerpo, nada cambia, pero si hago clic en la imagen, ¿por qué cambió?
let element = document.querySelector("img"); document.body.addEventListener("click", function(e) { element.src = "images/2.jpg"; }) <img src="x">intenta darle un color al cuerpo usando CSS. body por defecto toma la altura del contenido y el 100% del ancho. si desea que el evento suceda al hacer clic en la pantalla, debe aplicar el evento en la etiqueta HTML o darle al cuerpo 100% de ancho y alto.
body { width :100%; height: 100%; }