Aprendi que funções servem para simplificar códigos, bastando inserir os parâmetros certos para alcançar o objetivo. De acordo com o código abaixo, a princípio, foi criando duas variáveis ("título" e "parágrafo"), as quais foram armazenadas as frases que se deseja inserir no HTML. Em seguida, mostrou-se que esse procedimento pode ser simplificado por meio da função "exibirTextoNaTela", bastando inserir os parâmetros "tag" e "texto". A dúvida: Veja que antes da função haviam 2 variáveis. A função define como parâmetros apenas a "tag" e o "texto". Então se eu chamar as duas funções: exibirTextoNaTela('h1', 'Jogo do número secreto') e exibirTextoNaTela('p', 'Escolha um número entre 1 e 10') AMBAS irão ser armazenadas na mesma variável "campo"?? Isso não daria erro?
// let titulo = document.querySelector('h1');
// titulo.innerHTML = 'Jogo do número secreto';
// let paragrafo = document.querySelector('p');
// paragrafo.innerHTML = 'Escolha um número entre 1 e 10';
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');