Seu código está com vários erros, nessa linha está errado.
var verificador = document.window.getElementById('input#verificador');
var nacionalidade = document.window.getElementById('div#nacionalidade');
Você não pode colocar o window
depois de document
e o getElementById
não pode selecionar seletores que nem o querySelector
ele só aceita o nome do id
.
var verificador = window.document.getElementById('verificador');
var nacionalidade = window.document.getElementById('nacionalidade');
E na parte do if
você não está comparando o value
que é o valor do input
com id="verificador"
if (verificador == 'brasil' || verificador == 'BRASIL' || verificador == 'Brasil')
{
nacionalidade.innerText = 'Você é brasileiro';
}
É só colocar o value
na frente de verificador
.
if (verificador.value == 'brasil' || verificador.value == 'BRASIL' || verificador.value == 'Brasil')
{
nacionalidade.innerText = 'Você é brasileiro';
}
Pronto! era só isso, agora está funcionando perfeitamente.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
</head>
<body>
<h1>Teste de nacionalidade</h1>
Digite o país que você nasceu:<input type="text" name="verificador" id="verificador"/>
<input type="button" value="Clique e descubra sua nacionalidade " onclick="verificar()"/>
<div id="nacionalidade">Nacionalidade</div>
<script>
var verificador = window.document.getElementById('verificador');
var nacionalidade = window.document.getElementById('nacionalidade');
function verificar() {
if (verificador.value == 'brasil' || verificador.value == 'BRASIL' || verificador.value == 'Brasil') {
nacionalidade.innerText = 'Você é brasileiro';
} else {
nacionalidade.innerText = 'Você é estrangeiro';
}
}
</script>
</body>
</html>
verificador
, você deve usargetElementById('verificador')
. O valor'input#verificador'
faria sentido apenas se utilizar com oquerySelector
.document.window
?