Olá, segue abaixo meu código com a solução para o desafio, no final utilizei um loop e uma simples condicional, gostaria de ter um feedback se a lógica é aplicável.
Abraços!
<script>
var tela = document.querySelector('canvas');
var pincel = tela.getContext('2d');
function desenhaQuadrado(x, y, tamanho, cor) {
pincel.fillStyle = cor;
pincel.fillRect(x, y, tamanho, tamanho);
pincel.strokeStyle = 'black';
pincel.strokeRect(x, y, tamanho, tamanho);
}
var x = 0;
while (x < 150) {
desenhaQuadrado(x, 0, 50, 'green');
x = x + 50;
}
if (x = 150) {
desenhaQuadrado(x, 0, 50, 'white');
}
</script>