Por quê não funciona? | JavaScript e HTML: pratique lógica com desenhos, animações e um jogo

Bom, tentei fazer assim o código primeiramente, mas tentei encontrar o erro e não consegui. function desenhaTexto(x, y, texto){
```
  pincel.font = '20px Times New Roman';
  pincel.fillStyle = 'black';
  pincel.fillText(x, y, texto);
```
}

Só que quando eu troquei a ordem do (x, y, texto) para (texto, x, y), ele funcionou. Agora eu queria saber, por quê? Simplesmente pelo fato de ter que executar primariamente o Texto e depois as ordens cartesianas?

Código correto:

function desenhaTexto(x, y, texto){

    pincel.font = '20px Times New Roman';
    pincel.fillStyle = 'black';
    pincel.fillText(texto, x, y);
}

Boa noite, Ralf! Como vai?

Só que quando eu troquei a ordem do (x, y, texto) para (texto, x, y), ele funcionou. Agora eu queria saber, por quê? Simplesmente pelo fato de ter que executar primariamente o Texto e depois as ordens cartesianas?

Exatamente, meu aluno! Vc já matou a charada! Na programação de forma geral, a ordem dos parâmetros de uma função ou método é muito importante e precisa ser seguida à risca! Isso não é diferente no JavaScript!

Sendo assim, para o método fillText() é importante que vc sempre passe primeiro o texto e depois as coordenadas x e y, respectivamente, nessa ordem!

Pegou a ideia? Qualquer coisa é só falar!

Grande abraço e bons estudos, meu aluno!