Estou iniciando os estudos em JS, e tenho algumas linhas de código digitadas que não estão retornando como eu gostaria.
É para ser somente um exercício simples.
Quando o usuário digitar 'Brasil' deveria ser escrito na tela `Você é Brasileiro.`, e qualquer outro resultado deveria ser `Você é estrangeiro`.
Mas o código, independente do que é inserido no input type="text" sempre retornar `Você é Brasileiro.`
<!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>EXERCÍCIO</title>
</head>
<body>
<h1>Qual sua nacionalidade?</h1>
<h2>Digite abaixo seu país!</h2>
<input type="text" name="país" id="país">
<input type="button" value="Este é meu país" onclick="clicar()">
<div id="res">
</div>
<script>
function clicar() {
var pa = window.document.getElementById('país')
var res = window.document.getElementById('res')
if (pa = 'Brasil') {
res.innerHTML = `Você é Brasileiro.`
}
else {
res.innerHTML = `Você é estrangeiro.`
}
}
</script>
</body>
</html>