- Este tópico contém 1 resposta, 2 vozes e foi atualizado pela última vez 2 anos, 6 meses atrás por
.
-
Posts
-
-
Boa noite!
Foi proposto um exercício na aula 11 de Java Script . é um programa que ler qual o país que a pessoa mora e retorna se a pessoa é brasileira ou estrangeira. Desde a aula 10 eu fiquei bastante confuso nessa parte de ligação do Java Script com o HTML. eu fiquei travado a partir das aulas 10 e 11 e estou com dificuldade, vocês podem me dizer onde está o erro no código abaixo? pois o código não está dando nenhum retorno ao clicar em “verificar”. gostaria que além da resolução desse código, vocês me dessem algumas dicas extras pra que eu possa entender melhor essa parte do curso pois está sendo um pouco confuso pra mim. Obrigado!!<!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>Verificando a naturalidade</title>
</head>
<body>
Qual o seu país? <input type=”text” name=”pergunta” id=”pergunta”>
<input class=”verificar” type=”button” value=”verificar” onclick=”calcular()”>
<div id=”res”></div><script>
function calcular(){
var p = document.querySelector(‘input#pergunta’)
var res = window.document.querySelector(‘div#res’)
var pais = (p.value)
if (pais == Brasil){
res.innerHTML=(Morando em ${pais} você é brasileiro)
}
else{
res.innerHTML=Você é estrangeiro
}
}</script>
</body>
</html>` -
Boa noite Alan.
Primeiro a correção.
Dentro do seu script, vc esta fazendo a comparação no if da variável pais com a variável Brasil.
Como esta variável Brasil não foi criada, ela gera um erro interno de referencia: “Brasil is not defined”
Isto ocorre pq no momento da comparação você não colocou entre aspas informando que era uma comparação com string. Corrigindo isto, seu código irá funcionar.Agora algumas dicas:
Quando fazemos a manipulação DOM com querySelector pelo ID, não precisamos passar a TAG pois seu identificador já é único:
var p = document.querySelector(‘input#pergunta’)pode-se utilizar apenasvar p = document.querySelector(‘#pergunta’)Também podemos pegar o valor no momento da declaração.
var p = document.querySelector(‘input#pergunta’)//-> retorna o HTML:<input type=”text” name=”pergunta” id=”pergunta”>
var pais = document.querySelector(‘input#pergunta’).value//-> Retorna o valor escrito dentro do inputFaça as declarações de variáveis utilizando CONST e LET
Não me recordo se esta incluso no curso do estudonauta, mas é bem simples de se entender.
você irá utilizar CONST para variáveis que não terão alteração de valores dentro de sua execução e LET para variáveis que terão mudança.
Pesquise no youtube.
Ex: const pais = …
let pais = …
-
- Você deve fazer login para responder a este tópico.