我有一台最近制作的老虎机，但我想让它看起来更好一点。https://codesandbox.io/s/slot-machine-xip7x?file=/index.html:0-1480（抱歉，我在将代码复制并粘贴到代码示例中时遇到问题:( 我对此很陌生地点。）这是该代码的结果：https://xip7x.csb.app/每次滚动时，屏幕左侧都会出现一个项目符号点，结果位于中间。当您滚动多次时，新结果只会添加到已有结果中。任何人都可以做到这一点，这样就没有要点，并且每次滚动时它都会替换之前的滚动条并仅显示新的滚动条，因此页面上始终只有一个滚动条。我是编码新手，很想完成这个项目。如果有人能帮助我并解释他们做了什么，我会很高兴。谢谢！
1 回答
叮当猫咪
TA贡献1776条经验 获得超12个赞
这是你想要的吗？
var firstx = ["X", "O", "L", "L"];
var secondx = ["X", "O", "L", "L"];
var thirdx = ["X", "O", "L", "L"];
function randIndex() {
var randIndex1 = Math.floor(Math.random() * 4);
var randIndex2 = Math.floor(Math.random() * 4);
var randIndex3 = Math.floor(Math.random() * 4);
var first = firstx[randIndex1];
var second = secondx[randIndex2];
var third = thirdx[randIndex3];
var btn = document.getElementById("btn");
var sent = document.getElementById("sent");
var result = first + " " + second + " " + third;
if (result == "X X X") {
alert("CONGRATULATIONS! YOU WIN!");
}
sent.innerHTML ="<li>" + result + "</li>";
btn.innerText = "Roll Again";
}
font-family: helvetica;
text-align: center;
-webkit-text-fill-color: black;
}
body {
background-color: lightcoral;
}
<!DOCTYPE html>
<html>
<head>
<title>Slot Machine</title>
<meta charset="UTF-8" />
</head>
<body>
<h1>Slot Machine</h1>
<p>
Welcome to the slot machine! To play, click the "Roll" button. If you get
three X's, YOU WIN! Have fun and Enjoy your new gambling addiction!
</p>
<br />
<button id="btn" onclick="randIndex();">
Roll
</button>
<ul id="sent"></ul>
<br /><br />
<hr />
<br /><br />
</body>
</html>
- 1 回答
- 0 关注
- 85 浏览
添加回答
举报
0/150
提交
取消