cuadrados verdes y semafaro

Hola Oscar no veo tu código, puedes pasarlo como captura no hay problema.

Nuevamente envió mi código para el semáforo

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

<script>

    function dibujarCuadradoVerde(x,y,color){

        var pantalla = document.querySelector ("canvas");
        var pincel = pantalla.getContext("2d");
        pincel.fillStyle = color;          //propiedad
        pincel.fillRect(x,y,50,50);           //funcion
        pincel.strokeStyle = "black";
        pincel.strokeRect(x,y,50,50);

    }

    dibujarCuadradoVerde(0,0,"green");
    dibujarCuadradoVerde(0,50,"yellow");
    dibujarCuadradoVerde(0,100,"red");




</script>

y para los tres cuadrados verde

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

<script>

    function dibujarCuadradoVerde(x,y,color){

        var pantalla = document.querySelector ("canvas");
        var pincel = pantalla.getContext("2d");
        pincel.fillStyle = color;          //propiedad
        pincel.fillRect(x,y,50,50);           //funcion
        pincel.strokeStyle = "black";
        pincel.strokeRect(x,y,50,50);

    }

    dibujarCuadradoVerde(0,0,"green");
    dibujarCuadradoVerde(50,0,"green");
    dibujarCuadradoVerde(100,0,"green");




</script>

y coloco este extra.

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

<script>

    function dibujarCuadradoVerde(x,y,color){

        var pantalla = document.querySelector ("canvas");
        var pincel = pantalla.getContext("2d");
        pincel.fillStyle = color;          //propiedad
        pincel.fillRect(x,y,50,50);           //funcion
        pincel.strokeStyle = "black";
        pincel.strokeRect(x,y,50,50);

    }

    dibujarCuadradoVerde(0,0,"green");
    dibujarCuadradoVerde(50,0,"green");
    dibujarCuadradoVerde(100,0,"green");
    dibujarCuadradoVerde(50,50,"green");
    dibujarCuadradoVerde(100,50,"green");
    dibujarCuadradoVerde(100,100,"green");
    dibujarCuadradoVerde(0,50,"red");
    dibujarCuadradoVerde(0,100,"red");
    dibujarCuadradoVerde(50,100,"red");




</script>