Нарисовать поле

    function drawRect (size, type) {
        var t   = document.createElement ("table"), s = "",
            td  = "<td style='padding:15px;'></td>";
            red = "<td style='padding:15px; background: red;'></td>";
        t.border = "1";
        for (var i = 0; i < size; i++) {
            s += "<tr>";
            for (var j = 0; j < size; j++) {
                if (type === 1) s += i - j > size - (size + 1) ? red : td;
                if (type === 2) s += (i + j) % 3 === 1 ? red : td;
            }
            s += "</tr>";
        }
 
        t.innerHTML = s;
 
        return t;
    }
 
    window.addEventListener ("load", function () {
        document.body.appendChild (drawRect (10, 1));
        document.body.appendChild (drawRect (10, 2));
    });