Pelo que entendi sua duvida é relacionada aos exercícios da Aula 4, nas funções devemos passar dados para elas processarem, assim passamos argumentos ou parâmetros.
Vou colocar um exemplo dos exercícios que fizemos pra ver se ajuda.
<canvas id="tela" width="600" height="400"></canvas>
<script>
var tela = document.getElementById("tela");
var c = tela.getContext("2d");
c.fillStyle = "gray";
c.fillRect(0,0,600,400);
var atiraAzul = function(evento) { //aqui colocamos o parametro
var x = evento.pageX - tela.offsetLeft;
var y = evento.pageY - tela.offsetTop;
c.fillStyle = "blue";
c.beginPath();
c.arc(x, y, 10, 0, 2 * 3.14);
c.fill();
};
var atiraVermelho = function(evento) {
var x = evento.pageX - tela.offsetLeft;
var y = evento.pageY - tela.offsetTop;
c.fillStyle = "red";
c.beginPath();
c.arc(x, y, 10, 0, 2 * 3.14);
c.fill();
};
tela.addEventListener('mousedown', function(evento){ // // nesta linha ligamos o evento do objeto a uma função que vai trata-la.
switch(evento.which){
case 1:
console.log("Botao Esquerdo");
tela.onclick = atiraAzul;
break;
case 3:
console.log("Botao Direito");
tela.oncontextmenu = atiraVermelho;
break;
default:
console.log("outro");
}
}, false);
</script>
A regra sempre é :
function nomeDaFuncao ( parâmetros ) { código da função }
Pode ser sem retorno ou com retorno, e pode ter vários parâmetros.
Pelo que entendi espero ter dado um Help a você !
Pra você entender melhor tem um link pro site que usei no curso
https://developer.mozilla.org/pt-BR/
Tudo em inglês mais temos que praticar.
Abraços.
