[Duvida] Oque é o parametro?

Olá Marcos!

Parâmetros são valores que você pode passar para uma função para que ela os utilize em sua execução. Eles são como variáveis locais dentro da função, que recebem os valores fornecidos quando a função é chamada.

A função exibirTextoNaTela tem dois parâmetros: tag e texto.

function exibirTextoNaTela(tag, texto) {
    let campo = document.querySelector(tag);
    campo.innerHTML = texto;
}

Quando você chama a função exibirTextoNaTela('h1', 'Jogo do número secreto'), o JavaScript substitui tag por 'h1' e texto por 'Jogo do número secreto'. Assim, a função executa o seguinte código:

let campo = document.querySelector('h1');
campo.innerHTML = 'Jogo do número secreto';

Parâmetros são valores que você passa para a função para que ela os utilize. No caso, tag é a tag HTML que você quer selecionar ('h1' ou 'p'), e texto é o conteúdo que você quer inserir nessa tag.

Você fez uma pergunta interessante "No querySelector e no innerHTML sempre tem que ser o mesmo nome do parâmetro?". A resposta é que não necessariamente. Os nomes dos parâmetros (tag e texto) são escolhidos por você e podem ser qualquer coisa. O importante é que você use esses nomes de forma consistente dentro da função. Por exemplo, você poderia chamar os parâmetros de elemento e conteudo:

function exibirTextoNaTela(elemento, conteudo) {
    let campo = document.querySelector(elemento);
    campo.innerHTML = conteudo;
}

E chamar a função da mesma forma:

exibirTextoNaTela('h1', 'Jogo do número secreto');
exibirTextoNaTela('p', 'Escolha um número entre 1 e 10');

Por fim, recomendo a leitura da documentação

Reforço que em casos de dúvidas, conte sempre com o fórum da comunidade Alura! Bons estudos!

Sucesso ✨

Um grande abraço e até mais!

no exemplo que você deu da alteração do nome para "Elemento", e "conteudo", No Caso não iria funcionar para alterar os nomes no html?, pois nao chamaria a tag H1 do html correto?

Olá, Marcos!

Na verdade, ao alterar os nomes dos parâmetros para elemento e conteudo dentro da função, isso não afeta a tag <h1> no HTML. O que muda são os nomes das variáveis que estamos utilizando no JavaScript para deixar o código mais organizado.

No exemplo abaixo:

function exibirTextoNaTela(elemento, conteudo) {
    let campo = document.querySelector(elemento);
    campo.innerHTML = conteudo;
}

Quando chamamos a função exibirTextoNaTela('h1', 'Jogo do número secreto'), o valor 'h1' ainda é passado como parâmetro, que faz referência à tag <h1> no HTML. Ou seja, a função continua funcionando normalmente e ainda busca o elemento <h1> no documento para alterar o conteúdo. A alteração do nome dos parâmetros (elemento e conteudo) não muda o que estamos passando como argumento (a tag 'h1' e o texto 'Jogo do número secreto').

Então a função ainda seleciona a tag <h1> corretamente!

Se precisar de mais esclarecimentos, é só perguntar!