制作一个显示骰子图片的多个随机掷骰子。为什么我的代码不能工作？
要制作一个显示骰子图片的多个随机掷骰子，需要使用前端开发技术来实现。下面是一个示例的HTML、CSS和JavaScript代码，可以实现这个功能：
HTML代码：
<!DOCTYPE html>
<html>
<head>
<title>随机掷骰子</title>
<style>
.dice {
width: 100px;
height: 100px;
background-size: cover;
display: inline-block;
}
</style>
</head>
<body>
<div id="diceContainer">
<!-- 这里会动态添加骰子图片 -->
</div>
<button onclick="rollDice()">掷骰子</button>
<script src="script.js"></script>
</body>
</html>JavaScript代码（保存为script.js）：
function rollDice() {
var diceContainer = document.getElementById("diceContainer");
diceContainer.innerHTML = ""; // 清空容器中的骰子图片
var diceCount = Math.floor(Math.random() * 6) + 1; // 生成1到6之间的随机数，表示骰子的数量
for (var i = 0; i < diceCount; i++) {
var diceNumber = Math.floor(Math.random() * 6) + 1; // 生成1到6之间的随机数，表示骰子的点数
var dice = document.createElement("div");
dice.className = "dice dice-" + diceNumber;
diceContainer.appendChild(dice);
}
}CSS代码中定义了骰子的样式，JavaScript代码中定义了一个rollDice函数，该函数根据随机生成的骰子数量和点数，动态创建并添加骰子图片到HTML中的容器中。
运行代码后，点击"掷骰子"按钮即可显示多个随机的骰子图片。
如果你的代码不能工作，可能有以下几个可能的原因和解决方法：
- 检查HTML文件中的script标签是否正确引用了JavaScript文件，以确保代码能够正确加载和执行。
- 确保HTML文件、CSS文件和JavaScript文件在同一个目录下，并且文件名和路径都正确。
- 检查代码中的语法错误，例如括号、分号、引号等是否正确闭合。
- 在浏览器的开发者工具中查看控制台(console)输出，看是否有错误信息提示，根据错误信息来定位和解决问题。
- 确保浏览器支持HTML、CSS和JavaScript的相关特性，可以尝试在其他浏览器上运行代码进行测试。
- 如果以上方法都无法解决问题，可以将代码贴到一个在线代码编辑器(如codepen.io)上进行调试，查看是否能够正常工作。
以上是一个简单的实现，如果需要更复杂的功能或者优化，可以进一步扩展和改进代码。关于腾讯云的相关产品和服务，可以参考腾讯云的官方文档和产品介绍页面，根据具体需求选择适合的产品和服务。
相关·内容
尝试让它掷出多个骰子，并显示骰子的图片 function rollDice() {<div id="dieContainer" class="dice">
浏览 23提问于2019-10-15得票数 3
我有一项大学作业，我要给一个掷骰子的机器编代码。
您可以从掷骰子中添加和减去骰子。当您按下按钮添加骰子时，会创建一个带有随机数量的点(从1到6)的d6。您最多可以添加40个骰子到掷骰子。掷骰子显示掷出的骰子的总和。我<em
浏览 1提问于2016-04-18得票数 0
1回答
我正在制作一个不和谐的机器人，我已经制作了一个掷骰子的系统，但我想要改进它。我想一次掷多个骰子，就像Avrae做的那样。ctx.author.mention} \n**Resultado**: D{numero} ({rolagem}) {conta} {ficha}\n**Total**: {total}')
因此，该命令的
浏览 1提问于2021-09-19得票数 0
2回答
我正在创建一个模拟掷骰子的小应用程序。为了模拟反弹，我随机改变了图片的位置。现在，为了模拟多个反弹，我使用了一个for循环来连续更改图片框的位置。但它并没有像我计划的那样发生，表单只显示了最后一个循环的位置。我甚至尝试过使用System.Threading.Thread.Sl
浏览 2提问于2011-08-10得票数 1
回答已采纳
假设我正在制作一个简单的dnd掷骰子(因为我就是)，我制作它是为了让它根据他们想要掷多少骰子和骰子的类型来掷一堆随机的数字。然后，它将其发送到文本视图，一次一个(我想要的)；然而，它只显示一个数字，因为它没有延迟让用户看到滚动的每个数字(它只显示</
浏览 15提问于2021-09-14得票数 0
回答已采纳
我真的不知道这种分散的问题是否适合这里，但我会试一试。我正在Django中构建一个基于回合的(Yatzee)游戏，其中我为用户/玩家建立了一个简单的拉力赛模型，并为每个用户的记分板建立了一个稍微复杂的模型。一个新的游戏生成一个新的记分板，它基本上由许多int- field和boolean- field组成，每个分数<e
浏览 0提问于2012-06-01得票数 0
3回答
我是python的新手，我正在尝试制作一个基本的掷骰子程序，但当我运行该程序时，它从不显示骰子图片。图片是看起来像骰子的东西，我不是想导入图片。以下是我的代码from random import randintra
浏览 0提问于2016-11-21得票数 0
2回答
我有一个PictueBox和一些骰子，我想为骰子的“滚动”播放动画，我用骰子做了一个.gif，但在骰子停止滚动后，我想要我得到的实际骰子数，我有一个随机函数来处理这个问题。我的问题是，我按下“掷骰子”按钮，它会播放动画，在
浏览 3提问于2016-02-21得票数 0
我一直在做Java入门课程的作业，但我不知道如何完成我需要做的两件事。 System.out.println("The number of " + (i+1) + "s is : " +}}
现在，我成功地给出了<
浏览 2提问于2016-10-18得票数 0
我已经在Flash中制作了一个硬币，骰子和8号球的动画(CS 5.5，如果有关系的话)，一旦点击，你就可以在点击对象时抛出/滚动/摇动相应的对象(这些都是按钮)，并随机计算结果，确定要gotoAndPlay的帧。我假设抛硬币/掷骰子卷背后的过程是相似的，所以我将掷骰子卷和抛硬币…的8个球为基地。我试着找到一些教程，教
浏览 7提问于2012-08-30得票数 0
3回答
SecureRandom的行为
、、、、
尽管在阅读了很多关于SecureRandom的文章之后，我仍然对SecureRandom Security API在Java语言中的使用产生了疑问。在下面的示例中。{ }}当我运行这个程序时，我没有发现使用SecureRandom的任何额外好处，因为它几乎产生了相同的结果。有没有人能让我</e
浏览 1提问于2012-06-19得票数 8
回答已采纳
8回答
是否可以通过物理过程模拟生成随机数？如果我模拟掷骰子的物理过程(例如，你拿起它，在你的手中摇动它，把它释放到桌子上，并记录哪一面最终“向上”……)这是否会产生一个“随机”数字，或者我只会有一个复杂的模拟，实际上什么也做不了。
浏览 3提问于2009-03-06得票数 2
回答已采纳
2回答
所以这个代码是在我们学校分发的，它是许多例子(掷骰子的模型)中的一个。x<-runif(1)x<-min(y[y>0])
我很难理解这段代码和掷骰子之间的关系。因此，第一行生成0到1之间的1个随机均匀分
浏览 17提问于2016-09-23得票数 0
4回答
出于某些目的，能够绕过任何类型的算法生成的随机数，而倾向于自然输入-比如说掷骰子，那将是一件很好的事情。例如，密钥生成给我的印象是，几乎不需要足够的随机数据，而数据真正随机的要求足够高，这可能是一件可行和可取的事情。
所以，在我动手之前，我想知道的是:有没有软件可以直接从随机数字输入建立熵池？请注意，简单地将事物从基数r转换为基
浏览 1提问于2009-05-03得票数 2
1回答
pygame窗口不会更新图像
、、、、
我正在编写一个掷骰子的程序，当掷骰子时，它会显示随机的面孔，然后是最终的面孔。但问题是，当掷骰子时，它只显示第一个面，而不会更新到其他面。有人知道为什么会这样吗？代码如下：from random import randintimport sys
for x
浏览 5提问于2017-08-20得票数 0
回答已采纳
骰子有6个关键帧。所以，比如说，在2秒内，骰子将循环这6帧，然后它将在一个值上停止(取决于随机生成器)。不知何故，我不能按我想做的那样做。Event):void {}
dice.play();例如，我不明白为什么上面的代码不能正常工作<
浏览 6提问于2011-03-08得票数 0
回答已采纳
我正在尝试制作一个迷你版的yatzy游戏，只是为了学习一些循环和if语句。这就是我所走的路。但现在我有点卡住了，因为：2)我只能点击一次掷骰子按钮，如果我</e
浏览 0提问于2014-02-15得票数 0
我想创建一个掷骰子的动画，它以一个特定的数字结束，从random.org中拉出，然后将它传递给将生成动画的代码。 我想过为每个骰子表面预焙多个动画。但有多种类型的模具，我认为这将是必要的，也许数以百计的动画，这看起来不是预先烘焙。 然后我想到了使用物理引擎来创建“加载的骰子”
浏览 7提问于2021-04-22得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
