Prezados na função para alterar a cor ao clique, fiz da seguinte forma:

if(x > xVermelho && x < xVerde && y < tamanhoQuadrados){
            corAtual = 'red';
        }
        if(x > xVerde && x < xAzul && y < tamanhoQuadrados){
            corAtual = 'green';
        }
        if(x > xAzul && (x < xAzul+tamanhoQuadrados) && y < tamanhoQuadrados){
            corAtual = 'blue';
        }

E no exemplo foi passado:

if(x > xVermelho && x < xVermelho + tamanhoQuadrados
                && y > yQuadrados && y < tamanhoQuadrados) {

            corAtual = 'red';

        } else if(x > xVerde && x < xVerde + tamanhoQuadrados
                && y > yQuadrados && y < tamanhoQuadrados) {

            corAtual = 'green';

        } else if(x > xAzul && x < xAzul + tamanhoQuadrados
                && y > yQuadrados && y < tamanhoQuadrados) {

            corAtual = 'blue';
        }

Minha dúvida é: O meu mode de fazer está errado? Se não, o exemplo seria uma melhor pratica? Não estou conseguindo entender muito bem, se há uma diferença clara entre os dois ou se são apenas maneiras diferentes, etc...

Obrigado!