Home › Fóruns › JavaScript › exercício aula 11
Marcado: Condições (Parte 1) Aula 11
- Este tópico contém 15 respostas, 7 vozes e foi atualizado pela última vez 1 ano, 3 meses atrás por Tutora Jessica.
-
AutorPosts
-
-
28 de setembro de 2021 às 08:16 #76398Jorge VasconcelosParticipante
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>
-
28 de setembro de 2021 às 13:14 #76424Tutora MaylaMestre
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. -
28 de setembro de 2021 às 13:39 #76437Jorge VasconcelosParticipante
Funcionou aqui, muito obrigado pela ajuda.
-
17 de agosto de 2022 às 13:36 #99638ROSANGELA MENDESParticipante
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>
-
17 de agosto de 2022 às 13:55 #99639ROSANGELA MENDESParticipante
Desculpe!!
Consegui descobrir o erro.
obrigada
-
4 de novembro de 2022 às 14:15 #104337Murilo Eugenio de SouzaParticipante
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.’
}
} -
4 de novembro de 2022 às 17:32 #104349Tutora JessicaModerador
Olá Murilo, qual erro aparece pra você?
-
4 de novembro de 2022 às 18:01 #104350Murilo Eugenio de SouzaParticipante
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
-
-
7 de novembro de 2022 às 13:22 #104490Tutora JessicaModerador
Olá Murilo, que bom que está indo no caminho certo, sempre procure soluções !!
Bons estudos 🖖🏼 -
16 de junho de 2023 às 16:52 #118212Simone Regina Ferronato do CoutoParticipante
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:
PortugalVocê 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> -
16 de junho de 2023 às 17:19 #118213Simone Regina Ferronato do CoutoParticipante
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:
PortugalVocê vive em Portugal.
Você é estrangeiro!
__________________________________
-
16 de junho de 2023 às 17:27 #118214Tutora JessicaModerador
Ola Simone, parabens pela resolução!!
Tem mais alguma dúvida? -
7 de agosto de 2023 às 19:19 #121122Marcio Felipe Gomes RodriguesParticipante
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> -
8 de agosto de 2023 às 09:31 #121155Tutora JessicaModerador
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 🖖🏼-
8 de agosto de 2023 às 18:59 #121195Marcio Felipe Gomes RodriguesParticipante
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!
-
9 de agosto de 2023 às 10:17 #121233Tutora JessicaModerador
Ola Marcio, que bom que conseguiu resolver.
Bons estudos 🖖🏼
-
-
-
AutorPosts
- Você deve fazer login para responder a este tópico.