IDIOMA / LOCALIZAÇÃO DO INPUT/BUTTON

Olá. Eu até estava no caminho certo, porém quando o professor falou do evento onmouseup e down eu assumi que a chamada para esse evento seria evento.onmousedown/up, o que na verdade era tela. Esses detalhes ainda me dão trabalho. haha Enfim.

Fiz o código seguindo a lógica do professor e adicionei um campo para o usuário escolher a cor, porém a escolha deve ser feita apenas na linguagem do script, no caso inglês. Como seria para o usuário escrever em português e o sistema traduzir p inglês? Eu também gostaria de escolher a posição do input e de um button que estou pensando em colocar no código.

**** EDITADO: NA PRÓXIMA AULA O PROF DEU UMA OPÇÃO MELHOR PARA ESCOLHA DE CORES, MAS MINHA DÚVIDA SOBRE IDIOMA E LOCALIZAÇÃO PERMANECEM RSRSRS.

<canvas width="600" height="400"></canvas>
<input/> Digite uma cor.

<script>
    var tela = document.querySelector('canvas');
    var pincel = tela.getContext('2d');
    var input = document.querySelector("input");

    pincel.fillStyle = 'grey';
    pincel.fillRect(0, 0, 600, 400);

    var desenha = false;

    function desenhaCirculo(evento) {

        if (desenha){
            var x = evento.pageX - tela.offsetLeft;
            var y = evento.pageY - tela.offsetTop;
            pincel.fillStyle = input.value;
            pincel.beginPath();
            pincel.arc(x, y, 10, 0, 2 * 3.14);
            pincel.fill();
    }
    console.log(x + ',' + y);

    }

    input.focus(); 

    tela.onmousemove = desenhaCirculo;

    function habilitaDesenhar(){
        desenha = true;
    }

    function desabilitaDesenhar(){
        desenha = false;
        input.value = "";
    }

    tela.onmousedown = habilitaDesenhar;

    tela.onmouseup = desabilitaDesenhar;


</script>