O gabarito é esse:
<meta charset="UTF-8">
<input/>
<button>Exibir texto digitado</button>
<script>
var input = document.querySelector("input");
function exibeTexto() {
alert(input.value);
}
var button = document.querySelector("button");
button.onclick = exibeTexto;
</script>
Eu tinha pensado no código abaixo antes de vê-lo: (Eu não sabia que podia colocar "input.value" direto no alert, então pensei em guardar input.value em uma variável "nome" e jogar esta variável no alert) Para mim, é exatamente a mesma coisa (só dei uma volta maior para fazer a mesma coisa...mas ok.) Porque não funcionou?
<meta charset="UTF-8">
<input/>
<button>Exibir texto digitado</button>
<script>
var input = document.querySelector("input");
var nome = input.value;
function exibeTexto() {
alert(nome);
}
var button = document.querySelector("button");
button.onclick = exibeTexto;
</script>
Obrigado, abraços.