[Dúvida] [Dúvida] Erro na function no HTML

Oi, Juan! Como vai?

O erro indica que confirmar não foi definido no seu código, mas no seu HTML você está chamando capturarValores(), não confirmar(). Isso significa que provavelmente em outra versão do seu código (ou em alguma linha não mostrada) você chamou uma função inexistente.

Além disso, no seu JS, a variável texto não foi declarada antes de usá-la. Quando você quer alterar o conteúdo da div com id "texto", precisa buscá-la com document.getElementById.

Veja este exemplo:

function capturarValores() {
    const nome = document.getElementById('campoNome').value;
    const idade = document.getElementById('campoIdade').value;
    const texto = document.getElementById('texto'); // adicionando a captura do elemento

    document.getElementById('mostraNome').textContent = `Nome: ${nome}, Idade: ${idade}`;
    console.log(`Nome: ${nome}, Idade: ${idade}`);

    if (idade < 18 || idade > 65) {
        texto.textContent = "Você precisa se vacinar!";
    } else {
        texto.textContent = "Você não precisa se vacinar, por enquanto.";
    }
}

Versão sem acentuação:

function capturarValores() {
    const nome = document.getElementById('campoNome').value;
    const idade = document.getElementById('campoIdade').value;
    const texto = document.getElementById('texto');

    document.getElementById('mostraNome').textContent = `Nome: ${nome}, Idade: ${idade}`;
    console.log(`Nome: ${nome}, Idade: ${idade}`);

    if (idade < 18 || idade > 65) {
        texto.textContent = "Voce precisa se vacinar!";
    } else {
        texto.textContent = "Voce nao precisa se vacinar, por enquanto.";
    }
}

Esse código captura corretamente o elemento #texto antes de usá-lo e evita o erro de referência. Verifique também se no seu HTML não existe mais nenhum botão chamando confirmar() sem querer.

Espero ter ajudado e bons estudos!

Armano, obrigado pela ajuda. Mas a questão é que o erro segue se eu copio exatamente à solução dada pelo professor. O mesmo ocorre em outros exercícios. Tem alguma chance de o meu VS Code estar com algum problema?

Oi, Juan!

Sobre sua dúvida: o erro "confirmar is not defined" mostra que sua página ainda está chamando uma função confirmar() em algum lugar do HTML (ou por cache do navegador), mesmo que seu botão mostre capturarValores(). Resolva fazendo o seguinte:

1. Procure no projeto por confirmar( (Ctrl+Shift+F no VS Code) e remova qualquer onclick="confirmar()".
2. Force recarregar a página para limpar cache (Ctrl+F5) ou abra em janela anônima.
3. Troque o onclick inline por addEventListener (evita dependência de escopo global e elimina esse tipo de erro).
4. Converta a idade para número antes de comparar.
5. Garanta que o arquivo script.js está realmente sendo carregado (nome e caminho corretos). Se preferir, use defer.

Ajuste seu código assim:

// script.js
function capturarValores() {
  const nomeEl = document.getElementById('campoNome');
  const idadeEl = document.getElementById('campoIdade');
  const mostraNomeEl = document.getElementById('mostraNome');
  const textoEl = document.getElementById('texto');

  const nome = nomeEl.value.trim();
  const idade = Number(idadeEl.value.trim()); // <-- converte para número

  mostraNomeEl.textContent = `Nome: ${nome || '—'}, Idade: ${Number.isNaN(idade) ? '—' : idade}`;
  console.log(`Nome: ${nome}, Idade: ${idade}`);

  if (!Number.isFinite(idade)) {
    textoEl.textContent = 'Informe uma idade válida (número).';
    return;
  }

  if (idade < 18 || idade > 65) {
    textoEl.textContent = 'Você precisa se vacinar!';
  } else {
    textoEl.textContent = 'Você não precisa se vacinar, por enquanto.';
  }
}

// Registra o evento sem usar onclick no HTML
window.addEventListener('DOMContentLoaded', () => {
  const botao = document.getElementById('btnCapturar');
  botao.addEventListener('click', capturarValores);
});