Duvida de JS

1. Duvida de JS

GustavoSousa
(usa Outra)

Enviado em 06/09/2024 - 00:34h

Boa noite, sou um estudante de javascript, e estou com dificuldade de fazer uma função, essa função que eu estou criando é para aprender a como usar o java script, coso vcs poderam me ajudar, ficarei grato
segue o meu condigo de estudo:

<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Naturalidade</title>
</head>
<body>
<h1>Sistema de naturalidade</h1>
<input type="text" name="txtnatu" id="natu" placeholder="Informe sua naturalidade">
<input type="button" value="Avaliar" onclick="avaliar()">
<div id="res"></div>

<script>
function avaliar(){
var país = window.document.querySelector('input#natu')
var res = window.document.querySelector('div# res')
res.innerHTML = `<p>Sua naturalidade é ${país.value}.<p>`

if (país !='BR'){
res.innerHTML += `Estrageiro`
}
else{
res.innerHTML += `Brasileiro`
}

}
</script>

</body>
</html>

0 0

Quote

2. Re: Duvida de JS

Buckminster
(usa Void Linux)

Enviado em 06/09/2024 - 16:07h



<!DOCTYPE html>

<html lang="pt-br">

<head>

<meta charset="UTF-8">

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

<title>Naturalidade</title>

<script>

    function avaliar(){

        var pais = window.document.getElementById("natu").value; // Busca o valor do elemento pelo ID e armazena na variável pais

        var div = document.getElementById("resid"); // Armazena o conteúdo da div na variável div

        div.innerText = ""; // Limpa a div para não ficar repetindo o resultado

        if (pais !== 'BR'){

            //div.innerHTML = `<p>Sua naturalidade é Estrangeira.<p>`;

            div.innerHTML += `<p>Sua naturalidade é ESTRANGEIRA! <br>Seu país é ${pais}. <p>`;

        }

        else{

            //div.innerHTML = `<p>Sua naturalidade é Brasileira.<p>`;

            div.innerHTML += `<p>Sua naturalidade é BRASILEIRA!</p>`;

        }

    }

</script>

<!--script>

    // Com alert

    function avaliar() {

  let Pais = document.getElementById('natu'); // Buscando o elemento pelo ID

  let pais = Pais.value; // Acessando seu valor

  if (pais !== 'BR') {

    alert(`Você é ESTRANGEIRO!`);

  } else{

    alert(`Você é BRASILEIRO!`);

  }

}

</script-->

</head>

<body>

<h1>Sistema de Naturalidade</h1>

<input type="text" name="natu" id="natu" placeholder="Informe sua naturalidade">

<button type="button" onclick="avaliar()">Avaliar</button> // Aqui alterei para button

<div id="resid"></div>

</body>

</html>

Qualquer dúvida é só dizer.

_________________________________________________________
Always listen the Buck!
Enquanto o cursor estiver pulsando, há vida!

0 0

Quote