gpt4 book ai didi

javascript - 在固定位置显示随机图像

转载 作者:行者123 更新时间:2023-11-28 06:01:36 24 4
gpt4 key购买 nike

我有 3 张图片。我想要做的是,当我单击任何一张图像时,应在 div 上显示随机图像。这是代码。请帮忙。

var iarr=["1.jpg","2.jpg","3.jpg"];
function select()
{
var random=Math.floor(Math.Random()*3);
document.getElementById('disp').innerHTML = iarr[random];
}
<html>
<body>
<h4> MAKE A CHOICE </h3>
<img id='x' onclick="select" src='1.jpg'/>
<img id='y' onclick="select" src='2.jpg'/>
<img id='z' onclick="select" src='3.jpg'/>
<div id='disp'/>

最佳答案

var iarr=["1.jpg","2.jpg","3.jpg"];
function select(){
var random = Math.floor(Math.random() * iarr.length);
var div = document.getElementById('disp');
var image = "<img src=\"" + iarr[random] + "\"/>";
div.innerHTML = image;
}

<html>
<body>
<h4> MAKE A CHOICE </h4>
<img id='x' onclick="select()" src='1.jpg'/>
<img id='y' onclick="select()" src='2.jpg'/>
<img id='z' onclick="select()" src='3.jpg'/>
<div id='disp'/>

工作示例:https://jsfiddle.net/pndtdt7t/

关于javascript - 在固定位置显示随机图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37226186/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com