[Sugerencia] Por si alguien le interesa(chess table)

Hola, Paolo.

Tengo curiosidad por ver el codigo del tablero para completarlo y aprender.

Hola, Jeison, una disculpa, me acabo de dar cuenta que no se guardo el código al subirlo al foro, no se si ya se vea pero de igual manera lo explico brevemente, hice dos funciones, la primera es la que hicimos en clase llamada cuadrados y una otra que es la que genera los cuadrados, inicialice dos variables para que después en un ciclo for se fueran aumentando de 50 en 50 posiciones y al ciclo for le agregue un argumento para que mientras que i sea menor que el argumento que le pasamos se este repitendo, de esta manera adentro del ciclo for ingrese la primera función, llamando a cada uno de los espacios, puede que en mensaje no sea tan claro, pero esta entretenido de hacer de igual manera estoy viendo la manera de que me deje poner el código :)

<canvas width = "600" height = "400" > </canvas>

<script>
    function Cuadrados(x,y,color){
        var pantalla = document.querySelector("canvas");
        var pincel = pantalla.getContext("2d");

        pincel.fillStyle = color;
        pincel.fillRect(x,y,50,50);
        pincel.strokeStyle = "black";
        pincel.strokeRect(x,y,50,50);

    }


    function RepetirCuadradosBlancosYNegros(cantidadCuadros){
        var a = 0;
        var b = 50;

        for(i = 0; i<cantidadCuadros;i++){
            Cuadrados(50,a,"white");
            Cuadrados(50,b,"black");
            Cuadrados(100,a,"black");
            Cuadrados(100,b,"white");
            Cuadrados(150,a,"white");
            Cuadrados(150,b,"black");
            Cuadrados(200,a,"black");
            Cuadrados(200,b,"white");
            Cuadrados(250,a,"white");
            Cuadrados(250,b,"black");
            Cuadrados(300,a,"black");
            Cuadrados(300,b,"white");
            Cuadrados(350,a,"white");
            Cuadrados(350,b,"black");
            Cuadrados(400,a,"black");
            Cuadrados(400,b,"white");
            a = a + 100;
            b = a + 50;
        }
    }

    function OrdenNumerico(){
        var pantalla = document.querySelector("canvas");
        var pincel = pantalla.getContext("2d");
        pincel.fillStyle = color;

        for(var i = 0; i<9;i++){

        pincel.fillStyle = color;
        pincel.fillRect(x,y,50,50);
        pincel.strokeStyle = "black";
        pincel.strokeRect(x,y,50,50);


    RepetirCuadradosBlancosYNegros(4);


</script>