Javascript Erro no site em JavaScript

João Vitor Pelison · 8 de janeiro de 2020

Fala galera, comecei a estudar JavaScript e fiz esse pequeno site. O problema dele é que ele coloca na tela Brasileiro independente do que eu bote na caixa de texto.Poderiam me mostrar onde errei?

<!DOCTYPE html>
<html lang="pt-BR">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Check Br</title>
</head>
    <style>
        body{
            background-color: greenyellow;
            color: blue;
        }
    </style>
<body>
    <h1>Check Br </h1>
    Digite seu país: <input type="text" name="pais" id="pais">
    <input type="button" value="Check" onclick="check()">
    <div id="res">
        <script>
            function check(){
            var pais = document.getElementById('pais')
            var res = document.querySelector('div#res')
            if(pais != 'Brasil'){
                res.innerHTML = 'Você é Estrangeiro'
            }else{
                res.innerHTML = 'Você é Brasileiro'
            }
        }
        </script>

</body>
</html>

DiF · 8 de janeiro de 2020

@João Vitor Pelison Pelo que eu vi, você não pegou o value do campo input.

Troque para:

var pais = document.getElementById('pais').value;

João Vitor Pelison · 8 de janeiro de 2020

@DiF Fiz o que você disse mais ainda continua dando o mesmo erro

Arthur Guillermo · 8 de janeiro de 2020

@João Vitor Pelison

if(pais.toUpperCase() != ("Brasil").toUpperCase()){
	res.innerHTML = "Você é Estrangeiro";
}else{
	res.innerHTML = "Você é Brasileiro"; 
}
//OUU:
if(pais.toUpperCase() == ("Brasil").toUpperCase()){
	res.innerHTML = "Você é Brasileiro"; 
}else{
	res.innerHTML = "Você é Estrangeiro";
}

Talvez assim também...:

if(pais.toLowerCase().includes("Brasil".toLowerCase()){
	res.innerHTML = "Você é Brasileiro";
}else{
	res.innerHTML = "Você é Estrangeiro";
}

DiF · 8 de janeiro de 2020

@João Vitor Pelison Você esqueceu de fechar o elemento DIV do #res.

Veja seu código funcionando: https://jsfiddle.net/0t419h7g/

Mas, como o colega colocou ali, se testar a palavra com a letra minuscula, vai dar que é estrangeiro... Ou você faz a condição de tudo minusculo, tudo maiúsculo ou sentence case( primeira letra maiúscula) OU você converte tudo pra minusculo ou maiúsculo com o toLowerCase ou toUpperCase