Olá Pessoal,
Eu fiz a atividade do dia 2 do 7 days of Code do Programação para Inciantes e estou com o seguinte problema.
Código HTML
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Desafio, dia 2</title>
</head>
<body>
<h1>Desafio Java Script day 2</h1>
<br>
<form>
<label for="qualNome">Qual o seu nome?</label>
<input type="text" id="qualNome" class="campoTexto" name="Nome" >
<label for="qualIdade">Quantos anos você tem?</label>
<input type="text" id="qualIdade" class="campoTexto" >
<label for="qualLinguagem">Qual linguagem de programação você está estudando?</label>
<input type="text" id="qualLinguagem" class="campoTexto" >
<!-- <button id="responder" onclick="retornaTexto().value">Responder</button> -->
<button id="responder">Responder</button>
<br>
<p1 id="textoAluno"></p1>
</form>
<script src="main.js"></script>
</body>
</html>Código Java
let nomeAluno = document.getElementById("qualNome");
let idadeAluno = document.getElementById("qualIdade");
let cursoAluno = document.getElementById("qualLinguagem");
function retornaTexto() {
let infoAluno = nomeAluno.value + " " + idadeAluno.value + " " + cursoAluno.value;
document.getElementById('textoAluno').innerHTML=infoAluno;
console.log("retornaTexto");
}
const botaoEnvia = document.getElementById('responder');
botaoEnvia.onclick = function () {
console.log("Passei aqui");
retornaTexto().value;
}
botaoEnvia.onclick = retornaTexto();Porém o que acontece é que meu botão não funciona indo pela pagina do HTML, mas eu tenho o resultado esperando se eu chamo a função retornaTexto() pelo console. Quando eu carrego a pagina já no console aparce a informação console.log("retornaTexto"); o que me leva a crer que meu código executa mesmo antes e eu precionar o botão. Outro detalhe é que após eu digitar as informações no campos text e clicar no botaão ele apaga tudo e minha informção aparentemente é mostrada e some.