如何在 javascript/html 中用新字符串替换字符串？
我有一台最近制作的老虎机，但我想让它看起来更好一点。
https://codesandbox.io/s/slot-machine-xip7x?file=/index.html:0-1480（抱歉，我在将代码复制并粘贴到代码示例中时遇到问题:( 我对此很陌生地点。）
这是该代码的结果：https://xip7x.csb.app/
每次滚动时，屏幕左侧都会出现一个项目符号点，结果位于中间。当您滚动多次时，新结果只会添加到已有结果中。任何人都可以做到这一点，这样就没有要点，并且每次滚动时它都会替换之前的滚动条并仅显示新的滚动条，因此页面上始终只有一个滚动条。我是编码新手，很想完成这个项目。如果有人能帮助我并解释他们做了什么，我会很高兴。谢谢！
哆啦的时光机浏览 93回答 1
1回答
-
叮当猫咪
这是你想要的吗？ 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>
随时随地看视频慕课网APP
相关分类
Html5