所以我得到了一个充满图像的网站,每次刷新页面时它们都是随机顺序的。您必须搜索始终位于不同位置的图像。
function randomWaldo() {
var randomNummer = Math.floor((Math.random() * 100) + 1);
document.getElementsByTagName('img')[randomNummer].src = "images/waldo.jpg";}
现在,我希望当您单击该图像时,HTML 中的第一段会发生变化。我怎样才能做到这一点?
最佳答案
您可以尝试选择有想要来源的图片。
并在段落中添加类或 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">
关于javascript - 随机图像点击,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37682151/