Javascript Problema com aplicação JavaScripit

Lucas R. · 13 de abril de 2020

Boa tarde (dia ou noite) prezados (as),

Estou tentando fazer um consultor simples, ao qual digitamos a nacionalidade e a pagina irá informar se é estrangeiro ou brasileiro, porém quando coloco a informação no input a pagina não informa se é ou não.

<!DOCTYPE html>

<html lang="pt-BR">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Consul</title>

</head>

<body>

    <h1>Consulta de nacionalidade</h1>

    <input type="text" name="txtnac" id="txtnac">

    <input type="button" value="verificar" onclick="verificar()">

    <div id="res">



    </div>



    <script>

        function verificar() {

        var txtnc = window.document.querySelector('input#txtnac')

        var nac = String(txtnc)

        var res = window.document.querySelector('div#res')

        res.innerHTML(`País de origem: ${nac}`)

        if(res == 'Brasil') {

            res.innerHTML += 'Estrangeiro'

        } 

            res.innerHTML += 'brasilero'

    }

    </script>

</body>

</html>

DiF · 13 de abril de 2020

@Lucas R. Basicamente faltou colocar que é o value que você quer pegar do input...

 function verificar() {
       var txtnc = window.document.querySelector('input#txtnac').value;
       var res = window.document.querySelector('div#res');
        
       res.innerHTML = "Seu país de origem é: " + txtnc;

        if(txtnc == 'Brasil' || txtnc == 'brasil'){
              res.innerHTML += '<br/> Você é brasilero'; 
        }else{
             res.innerHTML += '<br/> Você é Estrangeiro';
        }    
    }