Javascript 使用.addclass函数制作骰子滚轮不起作用

我希望首先加载

id=die

，然后单击“click me”按钮加载CSS中设计为“die1”“die2”的指定类，依此类推

功能辊（）{
var die=Math.floor（Math.random（）*6）；
如果（模具==1）
$（'die'）.addClass（'die1'）；
否则如果（模具==2）
$（'die'）.addClass（'die2'）；
否则如果（模具==3）
$（'die'）.addClass（'die3'）；
否则如果（模具==4）
$（'die'）.addClass（'die4'）；
否则如果（模具==5）
$（'die'）.addClass（'die5'）；
其他的
$（'die'）.addClass（'die6'）；
}

#模具{
宽度：300px；
边框：5px纯黑；
填充：25px；
利润率：25px；
}
.die1{
宽度：300px；
边框：5px纯绿色；
填充：25px；
利润率：25px；
}
.die2{
宽度：300px；
边框：5px纯红；
填充：25px；
利润率：25px；
}
.die3{
宽度：300px；
边框：5px纯紫色；
填充：25px；
利润率：25px；
}
.die4{
宽度：300px；
边框：5px纯黄色；
填充：25px；
利润率：25px；
}
.Die 5{
宽度：300px；
边框：5px纯红；
填充：25px；
利润率：25px；
}
.die6{
宽度：300px；
边框：5px纯蓝色；
填充：25px；
利润率：25px；
}

点击我您的CSS规则应该更具体，因为标识符比类更具体，例如：

#die.die1 {
#die.die2 {
...

然后您可以简单地使用JS函数：

$('#die').removeAttr('class').addClass('die' + die);

删除以前的类并添加新类

注意：您可能需要将最小值作为
1
添加到随机变量中，因为您没有
die0
类：

var die = Math.floor(Math.random() * 6) + 1;


功能辊（）{
var die=Math.floor（Math.random（）*6）+1；
$（'die'）.removeAttr（'class'）.addClass（'die'+die）；
}
#模具{
宽度：300px；
边框：5px纯黑；
填充：25px；
利润率：25px；
}
#死{
宽度：300px；
边框：5px纯绿色；
填充：25px；
利润率：25px；
}
#死，死{
宽度：300px；
边框：5px纯红；
填充：25px；
利润率：25px；
}
#死{
宽度：300px；
边框：5px纯紫色；
填充：25px；
利润率：25px；
}
#死{
宽度：300px；
边框：5px纯黄色；
填充：25px；
利润率：25px；
}
#死{
宽度：300px；
边框：5px纯红；
填充：25px；
利润率：25px；
}
#死{
宽度：300px；
边框：5px纯蓝色；
填充：25px；
利润率：25px；
}

点击我
不是因为在if语句之间没有使用花括号b吗：
if（die==1）{$（“#die”）.addClass（“die1”）；}否则如果（die==2）{…}…
@martijnvisers不，只要它只有一行，就可以删除brackets@Ashraf只要只有一行，就可以删除括号-更正确的表达方式是，只要它只是一种陈述。“行”或“行”可以包含多个语句，但只有第一个语句依赖于if，其他语句则不依赖于if。@misorude-yep。我也想说同样的话。嗯，你每天都能学到新东西。感谢您清除upMath.floor（Math.random（）*6）+1；乘积1,2,3,4,5,6是正确的+1对类有好处，但对颜色数组没有好处。为什么重新打开这个问题？这是一个完美的复制品，或者是因为你回复了这个？对@PeterB，更新为
Math.floor（Math.random（）*colors.length）
instead@TemaniAfif我尊重你的观点，但在谈论具体问题时，你需要称之为比常规答案更沉重的东西。。。