Eu usei um modelo de HTML, fiz algumas adaptações, usei a resolução para ajudar também. Os dados inseridos aparecem no console, mas nao aparecem na página. O que pode estar errado?
CODIGO HTML
<!DOCTYPE html>
<head>
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
<script src="app.js"></script>
</head>
<body>
<form id="meuform">
<div>
<label for="name">Nome:</label>
<input type="text" id="name" />
</div>
<div>
<label for="mail">E-mail:</label>
<input type="email" id="mail" />
</div>
<div>
<label for="idade">Idade:</label>
<input type="text" id="idade" />
</div>
</div>
<div class="button">
<button onclick= "enviar()" type="button">Enviar</button>
<div id='mostraNome'><span>Seu nome, sua idade e seu email irão aparecer aqui.</span></div>
</form>
</body>
CODIGO JAVASCRIPT
function enviar(){
const nome = document.getElementById('name').value;
const mail = document.getElementById('mail').value;
const idade = document.getElementById('idade').value;
console.log(nome);
console.log(mail);
console.log(idade);
document.getElementById('mostraNome').textContent = `Seu nome é ${nome}, sua idade é ${idade}, seu email é ${email}`;
}
