我怎么能把奇数涂成蓝色，把偶数涂成红色呢;表一百”;

how can I color the odd numbers with blue and even numbers with red in a "Table hundred"

本文关键字：怎么能 蓝色 红色      更新时间：2023-09-26

我需要给这个代码添加两种颜色；红色表示偶数，蓝色表示奇数。。。现在我试着用一些模块来检查哪些是赔率，甚至。。。但是运气不好。。

<head>
    <script>
        for(var i=0;i<=9;i++)
        {
            for(var j=1;j<=10;j++)
            {
                if(i*10+j<10)
                    document.write("&nbsp"+"&nbsp");
                if((i*10+j)%7==0)
                {
                    //document.write("<b>");
                    document.write(i*10+j+"&nbsp");
                    //document.write("</b>");
                }
                else
                    document.write(i*10+j+"&nbsp");
                if(j==10)
                    document.write("<br/>");
            }
        }   
    </script>
</head>
<body>
</body>

我添加了一个答案，您可能会觉得这个答案很有用。

  • 代码占用空间稍小
  • 它没有嵌套循环
  • 它不依赖于document.write。相反，它使用字符串串联来构建HTML，然后将该字符串添加到文档中。这样更有效
  • 它调用一个单独的函数来使用连接的数组构建跨度

JavaScript

var div = document.getElementById('out');
var out = '';
var getSpan = function (i) {
    return ['<span class="', (i % 2 === 0 ? 'red' : 'blue'), '">', i, '</span>'].join('');
}
for (var i = 1, l = 100; i <= l; i++) {
    if (i % 10 === 0) {
        out += getSpan(i) + '<br/>';
    } else {
        out += getSpan(i) + '&nbsp;';
        if (i <= 10) out += '&nbsp;&nbsp;';
    }
}
div.insertAdjacentHTML('beforeEnd', out);

演示

这个怎么样：

JavaScript

for(var i=0;i<=9;i++)
{
    for(var j=1;j<=10;j++)
    {
        document.write("<span style='color:" + (Math.floor(j/2)*2 === j ? "red" : "blue") + ";'>");
        if(i*10+j<10)
            document.write("&nbsp"+"&nbsp");
        if((i*10+j)%7==0)
        {
            //document.write("<b>");
            document.write(i*10+j+"&nbsp");
            //document.write("</b>");
        }
        else
            document.write(i*10+j+"&nbsp");
        document.write("</span>");
        if(j==10)
            document.write("<br/>");
    }
}

看看这把小提琴。

相关文章：