Pq esse código não funcionou? Queria mudar a cor ao clicar dentro da área dos quadrados..

     function lidaComMovimentoDoMouse(evento) {

        var x = evento.pageX - tela.offsetLeft;
        var y = evento.pageY - tela.offsetTop;

        if(x < 150 && y < 50) {
            desabilitaDesenhar();
        }
        if(x < 50 && y < 50) {
            tela.onmouseclick = mudaRed;
        }
        if(x < 100 && x > 50 && y < 50) {
            tela.onmouseclick = mudaGreen;
        }
        if(x < 150 && x > 100 && y < 50) {
            tela.onmouseclick = mudaBlue;
        }

        if(desenha) {

            desenhaCirculo(x, y, 5, corAtual);
        }
    }

function mudaRed() {
corAtual = "red"
}
function mudaGreen() {
corAtual = "green"
}
function mudaBlue() {
corAtual = "blue"
}