Question

我需要为此代码添加两种颜色;红色到偶数，蓝色到奇数...... 现在我试着用一些模块检查哪些是赔率甚至......但没有运气..

<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>

Answer 1

这个怎么样：

的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/>");
    }
}

请参阅this小提琴。

Answer 2

我已经添加了一个你可能会觉得有用的答案。

代码占用空间略小
它没有嵌套循环
它不依赖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);

DEMO

如何用蓝色和偶数数字用红色在＃34;表百＆＃34;

2 个答案: