javascript - 随机图像点击

Question

所以我得到了一个充满图像的网站，每次刷新页面时它们都是随机顺序的。您必须搜索始终位于不同位置的图像。

function randomWaldo() {
var randomNummer = Math.floor((Math.random() * 100) + 1);
document.getElementsByTagName('img')[randomNummer].src = "images/waldo.jpg";}

现在，我希望当您单击该图像时，HTML 中的第一段会发生变化。我怎样才能做到这一点？

Answer 1

您可以尝试选择有想要来源的图片。

并在段落中添加类或 ID 以提高可读性。

document.querySelectorAll("img[src='images/waldo.jpg']")[0].onclick=function()
{
document.getElementById("paragraphid").innerHTML="You win";
};

示例

document.querySelectorAll("img[src='image/waldo.jpg']")[0].onclick=function()
{
  document.getElementById("rep").innerHTML="you win !";
}

img{
  height:100px;
  width:100px;
  }

<p id="rep"></p>
<img src="image/nok.jpg" alt="nok">
<img src="image/nok.jpg" alt="nok">
<img src="image/nok.jpg" alt="nok">
<img src="image/waldo.jpg" alt="waldo">
<img src="image/nok.jpg" alt="nok">