exercício aula 11

Home Fóruns JavaScript exercício aula 11

Visualizando 12 respostas da discussão
  • Autor
    Posts
    • #76398
      Jorge Vasconcelos
      Participante

      Na aula 11 o professor Guanabara pede para que façamos o ex009 em html.
      Eu tentei fazer, mas estou com um problema que não consegui resolver.
      O site n mostra o conteúdo da variável. Na tela dele aparece assim: “[object HTMLInputElement]” ,ao invés de mostrar oq a pessoa digitou.
      Segue o código

      <!DOCTYPE html>

      <html lang=”pt-br”>

      <head>

          <meta charset=”UTF-8″>

          <meta http-equiv=”X-UA-Compatible” content=”IE=edge”>

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

          <title>Controle de Fronteiras</title>

          <style>

              body{

                  background: cyan;

                  font: normal 25px Arial;

                  color: darkmagenta;

              }

          </style>

      </head>

      <body>

          <h1>Descubra se você é estrangeiro</h1>

          País: <input type=”text” name=”naturalidade” id=”naturalidade”>

          <input type=”button” value=”Verificar” onclick=”clicar()”>

          <div id=”res”>

          </div>

          <script>

              function clicar() {

                  var pais = window.document.getElementById(‘naturalidade’)

                  var res = window.document.getElementById(‘res’)

                  res.innerHTML = Você é natural do ${pais}. 

                  if (pais == ‘Brasil’) {

                      res.innerHTML += Você é Brasileiro!

                  } else {

                      res.innerHTML += Você é Estrangeiro.

                  }

              }

          </script>

          

      </body>

      </html>

    • #76424
      Tutora Mayla
      Mestre

      Jorge, o seu código está assim : var pais = window.document.getElementById(‘naturalidade’) isso irá retornar o elemento do pais, porem queremos o seu valor aqui, para isto faça: var pais = window.document.getElementById(‘naturalidade’).value

      Corrija isto no seu código e nos diga se funcionou.
      Espero ter ajudado, quaisquer outras dúvidas estamos a disposição.

    • #76437
      Jorge Vasconcelos
      Participante

      Funcionou aqui, muito obrigado pela ajuda.

    • #99638
      ROSANGELA MENDES
      Participante

      Olá!
      A resposta não aparece!
      Podem me ajudar?

      Código:

      <!DOCTYPE html>
      <html lang=”pt-BR”>

      <head>
      <meta charset=”UTF-8″>
      <meta http-equiv=”X-UA-Compatible” content=”IE=edge”>
      <meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
      <title>País</title>
      </head>

      <body>Naturalidade
      <h1>Em que País Você vive?</h1>
      Em que País você vive? <input type=”text” name=”naturalidade” id=”naturalidade”>
      <input type=”button” value=”Verificar” onclick=”clicar()”>
      <div id=”res”>

      </div>

      <script>
      function clicar() {
      var pais = window.document.querySelector(‘input#naturalidade’)
      //var pais = window.document.getElementById(‘naturalidade’).value
      var res = window.document.querySelector(‘naturalidade’)
      res.innerHTML = NATURALIDADE: ${pais}

      if (pais == ‘Brasil’) {
      res.innerHTML += ‘<p>Você é Brasileiro</p>!’
      } else {
      res.innerHTML += ‘<p>Você é Estrangeiro</p>’
      }

      }
      </script>
      </body>

      </html>

    • #99639
      ROSANGELA MENDES
      Participante

      Desculpe!!

      Consegui descobrir o erro.

      obrigada

    • #104337

      Olá, tudo bem?
      Estou com problemas nesse exercício e não consigo identificar o erro. Poderiam me ajudar, por favor?
      Desde já, agradeço!

      <!DOCTYPE html>
      <html lang=”pt-br”>
      <head>
      <meta charset=”UTF-8″>
      <meta http-equiv=”X-UA-Compatible” content=”IE=edge”>
      <meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
      <title>Exercicio</title>
      <style>

      body{

      background: rgba(179, 168, 179, 0.434);

      font: normal 20px Arial;

      color: rgb(0, 40, 78);

      }

      </style>
      </head>
      <body>
      <h1>Nacionalidade</h1>

      País de nascimento: <input type=”text” name=”nascimento” id=”nascimento”>
      <input type=”button” value=”Enter” onclick=”clicar()”>

      <div id=”res”>

      </div>

      <script>
      function clicar() {

      var pais = window.document.getElementById(‘nascimento’).value

      var res = window.document.getElementById(‘res’)

      res.innerHTML = Você é natural do ${pais}.

      if (pais == ‘Brasil’) {

      res.innerHTML += ‘Você é brasileiro!’

      } else {

      res.innerHTML += ‘Você é estrangeiro.’

      }
      }

    • #104349
      Tutora Jessica
      Moderador

      Olá Murilo, qual erro aparece pra você?

      • #104350

        Olá, Jessica!
        Parece que era algum erro no Visual Code, pois ao abrir o arquivo novamente ele funcionou perfeitamente.
        Obrigado pelo retorno!
        Um abraço

    • #104490
      Tutora Jessica
      Moderador

      Olá Murilo, que bom que está indo no caminho certo, sempre procure soluções !!
      Bons estudos 🖖🏼

    • #118212

      Olá, tudo bem?
      Nesta atividade aparece um erro no navegador, já revisei o código e não sei realmente o que seja, verifiquei acima o código dos colegas e está igual ao meu, por gentileza, alguém poderia me ajudar.

      _________________________________________
      Navegador aparece assim:

      Nacionalidade
      País onde vive:
      Portugal

      Você vive em ${pais}. Você é estrangeiro!
      _________________________________________

      Meu código está assim:

      <!DOCTYPE html>
      <html lang=”pt-br”>
      <head>
      <meta charset=”UTF-8″>
      <meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
      <title>Desafio exercício 09</title>
      <style>
      Body {
      background-color: rgba(45, 141, 8, 0.615);
      font-family: Arial, Helvetica, sans-serif;
      font-size: 1em;
      }
      </style>
      </head>
      <body>
      <h1>Nacionalidade</h1>
      País onde vive: <input type=”text” nome=”local” id=”local”>
      <input type=”button” value=”Verificar” onclick=”clicar()”>
      <div id=”res”>
      </div>
      <script>
      function clicar() {
      var pais = window.document.getElementById(‘local’).value
      var res = window.document.getElementById(‘res’)
      res.innerHTML = ‘Você vive em ${pais}. ‘
      if (pais == ‘Brasil’) {
      res.innerHTML +=Você é brasileiro!
      } else {
      res.innerHTML += Você é estrangeiro!
      }
      }
      </script>
      </body>
      </html>

    • #118213

      Envelopei com a tag <p>, alterei de aspóstrofo (‘) para crase (`) e funcionou.
      Código:

      var pais = window.document.getElementById(‘local’).value
      var res = window.document.getElementById(‘res’)
      res.innerHTML = <p>Você vive em <strong>${pais}</strong>.</p>
      // Mudei de apóstrofo para crase, e envelopei com a tag <p>
      if (pais == ‘Brasil’) {
      res.innerHTML +=<p>Você é brasileira!</p>
      } else {
      res.innerHTML += <p>Você é estrangeiro!</p>
      }

      __________________________________

      Navegador:

      Nacionalidade
      País onde vive:
      Portugal

      Você vive em Portugal.

      Você é estrangeiro!

      __________________________________

    • #118214
      Tutora Jessica
      Moderador

      Ola Simone, parabens pela resolução!!
      Tem mais alguma dúvida?

    • #121122

      Eu não consigo, por nada neste mundo, fazer meu programa entender quando dizer que é estrangeiro ou brasileiro.
      Alguém poderia me ajudar, por favor?

      <!DOCTYPE html>
      <html lang=”pt-br”>
      <head>
      <meta charset=”UTF-8″>
      <meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
      <title>Treino Nacionalidade</title>
      </head>
      <body>
      <h1>Nacionalidade</h1>
      Digite seu país:
      <input type=”text” name=”pais” id=”pais”>
      <input type=”button” value=”Verificar” onclick=”verificar()”>
      <div id=”res”>Resultado</div>

      <script>
      function verificar(){
      var p = document.getElementById(‘pais’)
      var res = document.getElementById(‘res’)
      if (p != “Brasil”){
      res.innerHTML=Você é Estrangeiro
      } else {
      res.innerHTML=”Você é brasileiro”
      }

      }
      </script>
      </body>
      </html>

    • #121155
      Tutora Jessica
      Moderador

      Ola Marcio, trouxe a sua duvida para uma já existente no fórum, observe as explicações acima e veja se consegue resolver o seu código, caso não consiga é só retornar ao fórum que iremos lhe ajudar.
      Obs: sempre que for postar sua dúvida, veja se já não existe uma do mesmo exercício, se encontrar poste ela dentro do tópico ja existente, assim conseguimos deixar nosso fórum mais organizado.
      Bons estudos 🖖🏼

      • #121195

        Obrigado pelo retorno e pela dica. Eu havia procurado a aula referente e não havia encontrado, achei que não havia nada sobre. Consegui resolver o problema lendo as dúvidas dos demais aqui do fórum. Eu Coloquei o “.value” na “var” referente ao país da function. Ficou tipo: “var p = document.getElementById(‘pais’).value” e deu certo!

        Obrigado!

      • #121233
        Tutora Jessica
        Moderador

        Ola Marcio, que bom que conseguiu resolver.
        Bons estudos 🖖🏼

Visualizando 12 respostas da discussão
  • Você deve fazer login para responder a este tópico.