Javascript 尝试让Styleze（）使用CSS样式分别随机选择单元格颜色和文本样式

这是代码。随机字体样式可以工作，但我无法使用随机背景色。我看到前一段时间有一个帖子几乎完全像这样，但我太新了，不知道如何使用他们的答案来修复我的

HTML和JavaScript
var指数=0；
函数样式化（）
{
如果（指数>20）指数=1；
var s=“myStyle”+索引；
var e=document.getElementById（“MessageText”）
e、 className=s
{
var指数=0；
bgindex++；
如果（bgindex>5）bgindex=1；
var b=“myBackground”+bgindex；
var c=document.getElementById（“MessageCell”）
c、 类名=b
}
}
函数getRandomInt（最小值、最大值）
{
返回Math.floor（Math.random（）*（max-min+1））+min；
}
索引=getRandomInt（1,20）；
bgindex=getRandomInt（1,5）；
样式类查看器
万维网你好！

这是我的CSS：

.myBackground1{颜色：蓝色}
.myBackground2{颜色：红色}
.myBackground3{颜色：紫色}
.myBackground4{颜色：黄色}
.myBackground5{颜色：橙色}
.myStyle1{颜色：黑色；字体大小：12}
.myStyle2{颜色：红色；字体系列：Lucida Grande；字体大小：14}
.myStyle3{颜色：蓝色；字体系列：衬线；字体大小：16}
.myStyle4{颜色：绿色；字体系列：次；字体大小：18}
.myStyle5{颜色：黄色；字体系列：monospace；字体大小：22}
.myStyle6{颜色：橙色；字体系列：“笔刷脚本MT”，草书；字体大小：12}
.myStyle7{颜色：青色；字体大小：14}
.myStyle8{颜色：紫色；字体大小：16}
.myStyle9{颜色：粉红色；字体大小：18}
.myStyle10{颜色：浅红色；字体大小：22}
.myStyle11{颜色：浅蓝色；字体大小：12}
.myStyle12{颜色：白色兰花；字体大小：16}
.myStyle13{color:deepskyblue4；字体系列：铜版；字体大小：14}
.myStyle14{颜色：firebrick；字体大小：18}
.myStyle15{颜色：绿色4；字体大小：12}
.myStyle16{颜色：lightcoral；字体大小：14}
.myStyle17{颜色：黑色；字体大小：16}
.myStyle18{颜色：黑色；字体系列：纸莎草纸，幻想；字体大小：18}
.myStyle19{颜色：洋红色；字体大小：14}
.myStyle20{颜色：黑色；字体大小：16}；

如果我理解正确，您不能正确更改背景吗？您需要修复以下CSS样式：

.myBackground1{color:blue}
.myBackground2{color:red}

等等

与

等等

并更改代码：

function stylize() 
{
    if (index > 20) index = 1;
    var s = "myStyle" + index;
    var e = document.getElementById("MessageText")
    e.className = s
    {
var bgindex = 0;
    bgindex++;
    if (bgindex >5) bgindex =1;
    var b ="myBackground" + bgindex;
    var c = document.getElementById("MessageCell")
    c.className = b
    }
}

与

---

您的函数没有考虑bgIndex中1-5之间的随机值。它总是将其设置为1，因此在修复CSS后，您总是会有一个蓝色背景

您可以将链接发布到“post a back几乎完全像这样”吗？将其发布在评论中，或编辑您的问题，使该文本成为该帖子的链接，使用

我看到有一篇[不久前的帖子几乎与此完全相同](http://example.com/)

。

function stylize() 
{
    if (index > 20) index = 1;
    var s = "myStyle" + index;
    var e = document.getElementById("MessageText")
    e.className = s
    {
var bgindex = 0;
    bgindex++;
    if (bgindex >5) bgindex =1;
    var b ="myBackground" + bgindex;
    var c = document.getElementById("MessageCell")
    c.className = b
    }
}

function stylize() 
{
    index = getRandomInt(1, 20);
    var s = "myStyle" + index;
    var e = document.getElementById("MessageText")
    e.className = s


    bgindex = getRandomInt(1, 5);
    var b ="myBackground" + bgindex;
    var c = document.getElementById("MessageCell")
    c.className = b
    alert(b);
}