1
resposta

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

Já tentei desenvolver meu projeto de várias formas, mas sempre esbarro no mesmo problema. No console aparece isso:

Uncaught ReferenceError: confirmar is not defined
    at HTMLButtonElement.onclick (index.html:9:35)

HTML

<html>
<body>
<form id="meuForm">
    <label for="campoNome">Nome:</label>
    <input type="text" id="campoNome" name="nome">
    
    <label for="campoIdade">Idade:</label>
    <input type="text" id="campoIdade" name="idade">
    <button onclick="capturarValores()" type="button">Capturar Valores</button>
</form>
  
  <div id="mostraNome"><span>Seu nome e idade irão aparecer aqui.</span></div>
  <div id="texto"><span>Será que você precisa se vacinar?</span></div>
  
<script src="script.js"></script>
</body>
</html>

JS

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

    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.";
}

O que estou fazendo errado?

1 resposta

Olá, Juan!

Esse seu post está duplicado, já lhe respondi sobre esse problema no seu outro post: https://cursos.alura.com.br/forum/topico-duvida-duvida-erro-na-function-no-html-518736