JavaScript代码设计一个骰子游戏
要求是设计一个页面小游戏—掷骰子。游戏开始时，用户在页面中输入1-6的点数，点击开始后，骰子图片随机变换（每隔0.5秒变换一次），5秒后显示最终点数的图片，从而判断用户是...
要求是设计一个页面小游戏—掷骰子。游戏开始时，用户在页面中输入1-6的点数，点击开始后，骰子图片随机变换（每隔0.5秒变换一次），5秒后显示最终点数的图片，从而判断用户是否猜中。
我现在就卡在变量与图片绑定，时间间隔设置然后加图片的轮播，跪求大佬帮忙实现这段代码啊，在线等
<!DOCTYPE html>
<html>
<head>
<meta charset="{CHARSET}">
<title>骰子小游戏</title>
<script type="text/javascript" language="JavaScript">
function compare() {
var mynum=document.getElementById("please2").value;
var num = Math.floor(Math.random()*6)+1;
if (mynum==num) {alert("恭喜你猜对了！")}
else {alert("正确答案是："+num+"抱歉，猜错了！")}
}
</script>
</head>
<body>
<form>
输入你猜测的数字（1-6）：<input type="text" id="please2" />
<input type="button" id="please1" onclick=compare() value="开始" >
</form>
<div class="pic" id='wrap'>
<ul id="pi">
<li><img src="1.jpg" alt=""></li>
<li><img src="2.jpg" alt=""></li>
<li><img src="3.jpg" alt=""></li>
<li><img src="4.jpg" alt=""></li>
<li><img src="5.jpg" alt=""></li>
<li><img src="6.jpg" alt=""></li>
</ul>
</div>
</body>
</html> 展开
我现在就卡在变量与图片绑定，时间间隔设置然后加图片的轮播，跪求大佬帮忙实现这段代码啊，在线等
<!DOCTYPE html>
<html>
<head>
<meta charset="{CHARSET}">
<title>骰子小游戏</title>
<script type="text/javascript" language="JavaScript">
function compare() {
var mynum=document.getElementById("please2").value;
var num = Math.floor(Math.random()*6)+1;
if (mynum==num) {alert("恭喜你猜对了！")}
else {alert("正确答案是："+num+"抱歉，猜错了！")}
}
</script>
</head>
<body>
<form>
输入你猜测的数字（1-6）：<input type="text" id="please2" />
<input type="button" id="please1" onclick=compare() value="开始" >
</form>
<div class="pic" id='wrap'>
<ul id="pi">
<li><img src="1.jpg" alt=""></li>
<li><img src="2.jpg" alt=""></li>
<li><img src="3.jpg" alt=""></li>
<li><img src="4.jpg" alt=""></li>
<li><img src="5.jpg" alt=""></li>
<li><img src="6.jpg" alt=""></li>
</ul>
</div>
</body>
</html> 展开
1个回答
展开全部
可以给图片标签加自定义属性值比
<img xuhao="1~6" ....></img>
将玩家的输入value与这个值(可能要转整)相比较，一样则对，不一样则错
<img xuhao="1~6" ....></img>
将玩家的输入value与这个值(可能要转整)相比较，一样则对，不一样则错
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
