Home › Fóruns › JavaScript › innerHTML não escreve texto na div “res”
Marcado: Condições, innerHTML, javascript, js
- Este tópico contém 7 respostas, 6 vozes e foi atualizado pela última vez 1 ano, 6 meses atrás por Tutora Vera.
-
AutorPosts
-
-
9 de junho de 2021 às 16:24 #69034Octavio LustosaParticipante
Olá.
Estou com dificuldade na Aula 11 Condições Pt I JavaScript!
link da aula: https://www.estudonauta.com/licao/javascript-11-condicoes-parte-1/Próximo ao minuto 22, o professor cria uma div com id “res”
Em seguida, referencia essa div pelo nome para inserir o texto: “Sua velocidade atual é de ${}Km/h”Porém nesse caso, não aparece essa mensagem no meu navegador, tentei outros formatos porém sem sucesso.
Se alguém puder ajudar, agradeço! \o/
Segue meu código conforme a aula descreve:
<body>
<h1>Sistema de Multas</h1>
Velocidade do carro: <input type=”number” name=”txtvel” id=”txtvel”> Km/h
<input type=”button” value=”Verificar” onclick=”calcular”>
<div id=”res”> <!–DIV CRIADA COM ID “RES”–></div>
<script>
function calcular() {
var txtv = window.document.querySelector(‘input#txtvel’)
var res = window.document.querySelector(‘div#res’)
var vel = Number(txtv.value)
res.innerHTML =Sua velocidade atual é de ${vel}Km/h
//TEXTO INSERIDO NÃO APARECE!!!
}
</script>
</body>- Este tópico foi modificado 3 anos, 5 meses atrás por Tutora Mayla.
-
10 de junho de 2021 às 11:22 #69124Tutora MaylaMestre
Octavio, o porquê de a mensagem não aparecer na tela se dá pela falta de parênteses no momento de chamar a função no botão Verificar.
<input type="button" value="Verificar" onclick="calcular">
O valor esperado dentro do atributo
onclick
é uma chamada de função, e portanto a forma correta de escrever esta linha seria:
<input type="button" value="Verificar" onclick="calcular()">
Espero ter ajudado, quaisquer outras dúvidas basta entrar em contato.
-
11 de junho de 2021 às 15:21 #69265Octavio LustosaParticipante
Sim!
Erro encontrado, Obrigado!!!
-
-
2 de novembro de 2022 às 16:05 #104239RODRIGO DONIZETTI ROCHAParticipante
Boa tarde, nesta mesma aula o professor pede para fazermos uma condição composta com a nacionalidade se é brasileiro ou não
Eu não consigo fazer com que o texto que eu digito na página apareça sei que número tenho que colocar o Number(,,,.value) será que tenho que colocar algum item para aparecer texto no div??
O código que digitei está abaixo:
Em que país você mora: <input type=“text” name=“txt1” id=“txt1”>
<input type=“button” value=“Verificar” onclick=“nacionalidade()”>
<div class=“res”></div>
<script>
let nac = window.document.getElementById(“txt1”)
let resultado = document.querySelector(“div.res”)
funcion nacionalidade(){
resultado.innerHTML = nac
}Nesse exemplo eu só queria que a página divulgasse o nome que digitei mas não aparece nada…
-
2 de novembro de 2022 às 16:13 #104240RODRIGO DONIZETTI ROCHAParticipante
Já consegui obrigado
-
-
28 de abril de 2023 às 21:26 #114815Pedro Henrique PeresParticipante
<!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>Document</title>
</head>
<body>
<h1>Sistema de multas</h1>
Velocidade do carro : <input type=”number” name=”txtvel” id=” txtvel” > Km/h<input type=”button” value=”verificar” onclick=”calcular()”>
<div id=”res” >
</div>
<script>function calcular(){
var txtv = window.document.getElementsByTagName(‘txtvel’)
var res = window.document.querySelector(‘div#res’)
var vel = Number(txtv.value)
res.innerHTML =Sua velocidade atual é ${vel}
VARIAVEL APARECE COMO ‘NaN
}
</script>
</body>
</html>-
2 de maio de 2023 às 10:39 #114990Tutora VeraMestre
Pedro, quando a variável aparece como NaN significa not a number e aí ela geralmente aparece quando o JavaScript tenta realizar operações númericas com elementos que não são números. Revise o código linha por linha e se ainda sim não encontrar o problema nos retorne.
-
-
2 de maio de 2023 às 10:37 #114989Tutora JessicaModerador
Ola Pedro, alguma dúvida?
-
-
AutorPosts
- Você deve fazer login para responder a este tópico.