Alguém pode me ajudar ? sou iniciante na programação e meu código n funciona sempre que clico no botão "verificar" eu recebo um obeject null

Front-end JavaScript
#1 
<meta charset="UTF-8">

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

<title>Document</title>

<style>

    body {

        background-color: black;

        font: normal 16pt Times;

        color:darkturquoise;

    }

    input{

        font: normal 18pt Times;

        width: 100px;

    }

    div{

        font: normal 18pt Times;

        color: darkturquoise;

    }

    button{

        font: normal 18pt Times;

        width: 100px;

    }

</style>

<h1>Brasileiro ou estrangeiro?</h1>

de onde você é ? <br><input type="text" name="txtnacio" id="txtnacio">

<button onclick="Verificar()">Verificar</button>

<div id="ver">



</div>

<script>

    function Verificar(){

        var txtnac = window.document.getElementById('input#txtnacio')

        var div = window.document.getElementById('div#ver')

        var nacio = txtnac

        ver.innerHTML = ` Você é do ${nacio} <br/> `

        ver.innerHTML += 'Vá com cuidado!'

    }

    

</script>
#2

Vc não está usando o getElementById da forma correta. Vc deve apenas passar o ID do elemento que quer recuperar:

document.getElementById('txtnacio');

Usando da forma como vc fez, o certo seria utilizar o querySelector:

document.querySelector('input#txtnacio');
#3

ok obg

#4

agora ta dando outro erro o if só da como brasileiro
function Verificar(){

        var txtnac = window.document.querySelector('#txtnacio')

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

        var país = String(""+ txtnac.value)

        

        if( país == "brasil","Brasil" ) {

            ver.innerHTML = ` <p>Você é do <strong> ${país} </strong> por tanto <strong>Brasileiro</strong></p><br/> `

        } else {

            ver.innerHTML += `<p>Você é do <strong> ${país} </strong> por tanto <storng>Estrangeiro</strong><br/>`

        }

        ver.innerHTML += '<p>Vá com cuidado!</P>'

    }
#5

Esse if não está correto. Tente assim:

if (pais === 'brasil' || pais === 'Brasil') {}
  • Evite utilizar acentos nas variáveis (errado: país, correto: pais)
  • A comparação === que utilizei é semelhante à ==, porém, também testa o tipo, que no caso, são Strings.
1 curtida