JSFiddle - React, Tailwind, and code Playground

by Slavik_ok

HTML

<canvas id="field" width=1000 height=1000></canvas>

CSS

#field {
    width: 400px;
    height: 400px;
    border: 1px solid black;
}

JavaScript

//задача: поменять черные и белые клетки местами, сделав минимум изменений в коде
var size = 8,
    canvas = document.getElementById("field"),
    ctx = canvas.getContext("2d"),
    w = canvas.width / size,
    h = canvas.height / size;
   
for (var i = 0; i < size; i++)
    for (var j = i % 2; j < size; j+=2)         
        ctx.fillRect(i * w, j * h, w, h);