Olá, pessoal!
O código anexo foi apresentado em aula.
Eu poderia trocar o:
exibirTextoNaTela('h1');
exibirTextoNaTela('p');
por:
exibirTextoNaTela('h1', 'p');
?
Obrigada pela ajuda ;)
Olá, pessoal!
O código anexo foi apresentado em aula.
Eu poderia trocar o:
exibirTextoNaTela('h1');
exibirTextoNaTela('p');
por:
exibirTextoNaTela('h1', 'p');
?
Obrigada pela ajuda ;)
Olá Rafaele! Tudo ok contigo?
Respondendo sua pergunta diretamente, nesse caso em específico, não, pensando que temos esse código:
function exibirTextoNaTela(tag) {
let campo = document.querySelector(tag);
campo.innerHTML = texto;
}
exibirTextoNaTela('h1');
exibirTextoNaTela('p');
Podemos ver que a função exibirTextoNaTela
solicita somente 1 parâmetro. Ou seja, temos somente 1 espacinho em branco para ser preenchido, então a função só precisa de 1 parâmetro para ser preenchido. Assim sempre que quisermos chamar a função só passamos um parâmetro para ela, mas podemos usar elas varias vezes, como foi feito aqui:
exibirTextoNaTela('h1');
exibirTextoNaTela('p');
A mesma função usada mais de uma vez chamando tags diferentes. Mas se eu passar dois parâmetros em uma função que pede um só, isso vai dar erro, pois teremos um parâmetro que não é necessário, e isso gera um erro.
Agora nessa nova versão do código:
function exibirTextoNaTela(tag, texto) {
let campo = document.querySelector(tag);
campo.innerHTML = texto;
}
exibirTextoNaTela('h1', 'Jogo do número secreto');
exibirTextoNaTela('p', 'Escolha um número entre 1 e 10');
Podemos passar dois parâmetros. Mas cada parâmetro tem uma função. O parâmetro tag
preenche um espaço que localiza uma tag no HTML e o parâmetro texto
é um texto que vai ser colocado dentro dessa tag selecionada pelo primeiro parâmetro. Assim cada parâmetro tem sua função.
E o mesmo pode ser dito nessa nova versão do código, por exemplo, essa nova função exibirTextoNaTela
pede 2 parâmetros, se eu passasse 3 um erro é gerado.
Isso acontece, pois esses parâmetros, são como "espaços em branco" e um código, uma função é um modelo de como fazer algo, e os parâmetros são os espaços em branco que vão ser preenchidos quando a função ser chamada.
Assim é praticamente/quase o mesmo que termos isso:
function exibirTextoNaTela( , ) {
let campo = document.querySelector( );
campo.innerHTML = ;
}
E assim quando chamamos a função assim:
exibirTextoNaTela('h1', 'Jogo do número secreto');
exibirTextoNaTela('p', 'Escolha um número entre 1 e 10');
A função se torna isso aqui "por baixo dos panos":
let campo1 = document.querySelector('h1');
campo1.innerHTML = 'Jogo do número secreto';
let campo2 = document.querySelector('p');
campo2.innerHTML = 'Escolha um número entre 1 e 10';
Não é EXATAMENTE assim, mas para fim de exemplificação digamos que é algo mais ou menos assim.
Entende melhor agora porque não podemos chamar uma função de 1 parâmetro com 2 parâmetros, sem antes especificar o que aquele parâmetro extra faz?
Bom seria isso. Espero ter explicado bem! Se precisar eu estarei por aqui!
Abraços e bons estudos.