掷骰子（JavaScript）

我试图理解如何同时掷几个骰子，但每个骰子都有不同的随机值

问题是，我需要问玩家想要掷多少骰子，我不知道怎么做，所以我在这里寻求帮助

最后一件事，骰子是一个100像素宽和100像素高的精灵

//骰子div
函数createDice（）{
让divDice=document.createElement（'div'）；
divDice.className='dice'；
document.querySelector（“#player”）.appendChild（divDice）；
}
//多掷骰子
让enteredNumber=Number（提示（“您要掷多少骰子？”）；
对于（设i=0；i这是一个最小的工作示例，您可以从中开始：


函数createDice（）{
让divDice=document.createElement（'div'）；
divDice.className='dice'；
divDice.innerHTML=rollDice（）
document.querySelector（“#player”）.appendChild（divDice）；
}
函数rollDice（）{
返回Math.round（Math.random（）*6+1）
}
功能设置板（）{
让enteredNumber=Number（提示（“您要掷多少骰子？”）；
对于（让i=0；i既然您已经得到了答案，下面是一个带有动画的“高级”版本：


“严格使用”；
常量输入=document.getElementById（“diceNum”）；
const player=document.querySelector（“#player”）；
让脸={
民:1,，
最高：6，
}
//掷骰子
函数createDice（num）{
const dice=document.querySelector（“#diceTempl>.dice”）.cloneNode（true）；
dice.value=num；
dice.setAttribute（“num”，rollDice（face.min，face.max，[num]）；
setTimeout（（）=>dice.setAttribute（“num”，num），0）；
document.querySelector（“#player”）.appendChild（骰子）；
返回骰子；
}
功能更新（输入编号）
{
如果（输入的数字===未定义）
enteredNumber=input.value；
input.value=输入的数字；
如果（player.childrence.length>enteredNumber）
{
while（player.childrence.length>enteredNumber）
player.removeChild（player.lastChild）；
}
常量骰子=[]
for（让i=0，oldDice，dice，skip；id.value.toString（））；
}
更新（rollDice（1,5））；
//函数骰子
函数滚动骰子（最小、最大、跳过）{
让n；
做
n=Math.round（Math.random（）*（max-min）+min）；
while（skip！==undefined&&skip.indexOf（n）！=-1）；
返回n；
}
正文{
背景色：#f39c12；
}
#应用程序{
显示器：flex；
}
#玩家{
背景色：#f39c12；
}
#经销商{
背景色：#e67e22；
}
.董事会{
最小高度：100vh；
宽度：100%；
显示器：flex；
柔性包装：包装；
对齐项目：居中；
证明内容：中心；
对齐内容：居中对齐；
}
.骰子
{
宽度：100px；
高度：100px；
透视图：300px；
边缘：1米；
--bgColor:rgba（255255,0.5）；/*动画期间的背景色*/
--bgColorFront:rgba（255255,0.95）；/*可见面的背景色*/
}
.dice>div{
宽度：100%；
身高：100%；
位置：相对位置；
变换样式：保留-3d；
变换：translateZ（-50px）；
转变：转变1s；
}
.dice>div>div
{
位置：绝对位置；
宽度：100%；
身高：100%；
边界半径：13px；
背景色：var（--bgColor）；
背景图像：url（'https://i.stack.imgur.com/ukfHJ.png');
过渡：背景色1s；
}
.dice[num=“1”]>div
{
变换：translateZ（-50px）旋转（0度）；
}
.dice[num=“2”]>div
{
变换：translateZ（-50px）rotateX（90度）；
}
.dice[num=“3”]>div
{
变换：translateZ（-50px）rotateY（-90度）；
}
.dice[num=“4”]>div
{
变换：translateZ（-50px）rotateY（90度）；
}
.dice[num=“5”]>div
{
变换：translateZ（-50px）rotateX（-90度）；
}
.dice[num=“6”]>div
{
变换：translateZ（-50px）rotateY（-180度）；
}
.dice[num=“1”].num1
{
背景色：var（--bgColorFront）；
}
.dice[num=“2”].num2
{
背景色：var（--bgColorFront）；
}
.dice[num=“3”].num3
{
背景色：var（--bgColorFront）；
}
.dice[num=“4”].num4
{
背景色：var（--bgColorFront）；
}
.dice[num=“5”].num5
{
背景色：var（--bgColorFront）；
}
.dice[num=“6”].num6
{
背景色：var（--bgColorFront）；
}
.num1
{
变换：旋转（0度）平移（50像素）；
背景位置：600px0；
}
.num2
{
变换：rotateX（-90度）translateZ（50像素）；
背景位置：500px0；
}
.num3
{
变换：旋转（90度）平移（50像素）；
背景位置：400px0；
}
.num4
{
变换：旋转（-90度）平移Z（50像素）；
背景位置：300px0；
}
.num5
{
变换：旋转（90度）平移（50像素）；
背景位置：200px0；
}
.num6
{
变换：旋转（180度）平移（50像素）；
背景位置：100px0；
}
#骰子模板
{
显示：无；
}

骰子数量：
卷
那么你面临的确切问题是什么呢？如果它掷一个骰子，将代码移动到函数中，并根据你的意愿多次调用它。问题是我成功地掷了一个骰子，但我真的不知道如何应用于N个骰子，如果玩家选择例如5个骰子，那么第一个骰子将只有随机数和好脸蛋关联