Não sei o que fazer para ter o resultado correto com esse código. Pois sempre que eu mando conferir ele me retorna esse resultado.
Eu tentei fazer o uso do document.querySelector
. Mas o erro [object HTMLDivElement] permanece.
Eu precisava que onde está res.innerHTML = `Você nasceu em ${pais}`
Fosse substituído pelas string que eu colocasse dentro dos inputs.
<h1>Validação de País</h1>
<div id="nome">
Digite seu nome: <input type="text" name="nome" id="nome">
</div>
<div id="pais">
Digite seu pais: <input type="text" name="pais" id="pais">
</div>
<div id="button">
<input type="button" value="Conferir" onclick="conferir()">
</div>
<div id="res">Resultado:</div>
</main>
<script>
function conferir(){
var pais = document.getElementById('pais')
//var pais = document.querySelector('div#pais')
var nome = document.getElementById('nome')
var res = document.getElementById('res')
res.innerHTML = `Você nasceu em ${pais}`
}
</script> ```