Value nao esta a funcionar
23/08/2019
0
Este é o meu HTML
<!DOCTYPE html>
<html lang="pt">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<h1>sistema de multas</h1>
Insira a velocidade do carro (Km/h)
<input type="number" name="velocidade" id="vel">
<input type="button" value="verifica" onclick="Verificar()">
<div id="res">
</div>
</body>
<script src="ex11.js"></script>
</html>
Segue a funcao em js:
function Verificar(){
let vell=Number(document.getElementById(''''vel'''').value)
let aviso=document.querySelector(''''res'''')
if(vel>50){
aviso.innerHTML(`Voce excedeu o limite de velocidade`)
} else {
aviso.innerHTML(`Voce cumpriu o limite de velocidade`)
}
aviso.innerHTML("Dirija com cuidado")
}
Jose
Post mais votado
23/08/2019
Este é o meu HTML
<!DOCTYPE html>
<html lang="pt">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<h1>sistema de multas</h1>
Insira a velocidade do carro (Km/h)
<input type="number" name="velocidade" id="vel">
<input type="button" value="verifica" onclick="Verificar()">
<div id="res">
</div>
</body>
<script src="ex11.js"></script>
</html>
Segue a funcao em js:
function Verificar(){
let vell=Number(document.getElementById(''''vel'''').value)
let aviso=document.querySelector(''''res'''')
if(vel>50){
aviso.innerHTML(`Voce excedeu o limite de velocidade`)
} else {
aviso.innerHTML(`Voce cumpriu o limite de velocidade`)
}
aviso.innerHTML("Dirija com cuidado")
}
Opa José, td bom?
Então neste caso, vc terá que alterar algumas coisas no seu código para que ele possa funcionar 100%, vamos lá!
No JS quando ele tenta satisfazer a condição criada ele encontra um erro, pois você a variável "vel" com dois L, veja abaixo. Então será necessário acertar isso.
let vell=Number(document.getElementById(''''vel'''').value) let aviso=document.querySelector(''''res'''')
Além deste detalhe dentro dos parenteses vc utilizou 4 aspas, sendo apenas necessário usar ou aspas duplas ou simples, troque isso tbm.
E para a exibição dos textos que deseja, terá um problema, pois vc referenciou que tudo seja escrito dentro da mesma div, sendo assim ao satisfazer a condição ou não, ele sempre irá exibir o ultimo texto mencionado, pois ele irá substituir o que foi definido dentro do if ou else.
Então vc terá criar no HTML outra tag para que ele insira o texto neste campo ;)
Veja as modificações que fiz para que tenha como base
======HTML=====
<!DOCTYPE html> <html lang="pt"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> <h1>sistema de multas</h1> Insira a velocidade do carro (Km/h) <input type="number" name="velocidade" id="vel"> <input type="button" value="verifica" onclick="Verificar()"> <p id="res"> </p> <p id="res2"> </p> </body> <script src="ex11.js"></script> </html>
===========JS=========
function Verificar(){ let vel=Number(document.getElementById('vel').value); let aviso=document.getElementById('res'); let aviso2=document.getElementById('res2'); if(vel>50){ aviso.innerHTML="Voce excedeu o limite de velocidade"; } else { aviso.innerHTML="Voce cumpriu o limite de velocidade"; } aviso2.innerHTML="Dirija com cuidado"; }
Além de criar uma novo elemento no HTML criei uma nova let para que receba o valor definido nela.
Qualquer dúvida é só compartilha =D
Grande abraço!
Rodolfo Gomes
Mais Posts
23/08/2019
Jose
Este é o meu HTML
<!DOCTYPE html>
<html lang="pt">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<h1>sistema de multas</h1>
Insira a velocidade do carro (Km/h)
<input type="number" name="velocidade" id="vel">
<input type="button" value="verifica" onclick="Verificar()">
<div id="res">
</div>
</body>
<script src="ex11.js"></script>
</html>
Segue a funcao em js:
function Verificar(){
let vell=Number(document.getElementById(''''vel'''').value)
let aviso=document.querySelector(''''res'''')
if(vel>50){
aviso.innerHTML(`Voce excedeu o limite de velocidade`)
} else {
aviso.innerHTML(`Voce cumpriu o limite de velocidade`)
}
aviso.innerHTML("Dirija com cuidado")
}
Opa José, td bom?
Então neste caso, vc terá que alterar algumas coisas no seu código para que ele possa funcionar 100%, vamos lá!
No JS quando ele tenta satisfazer a condição criada ele encontra um erro, pois você a variável "vel" com dois L, veja abaixo. Então será necessário acertar isso.
let vell=Number(document.getElementById(''''vel'''').value) let aviso=document.querySelector(''''res'''')
Além deste detalhe dentro dos parenteses vc utilizou 4 aspas, sendo apenas necessário usar ou aspas duplas ou simples, troque isso tbm.
E para a exibição dos textos que deseja, terá um problema, pois vc referenciou que tudo seja escrito dentro da mesma div, sendo assim ao satisfazer a condição ou não, ele sempre irá exibir o ultimo texto mencionado, pois ele irá substituir o que foi definido dentro do if ou else.
Então vc terá criar no HTML outra tag para que ele insira o texto neste campo ;)
Veja as modificações que fiz para que tenha como base
======HTML=====
<!DOCTYPE html> <html lang="pt"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> <h1>sistema de multas</h1> Insira a velocidade do carro (Km/h) <input type="number" name="velocidade" id="vel"> <input type="button" value="verifica" onclick="Verificar()"> <p id="res"> </p> <p id="res2"> </p> </body> <script src="ex11.js"></script> </html>
===========JS=========
function Verificar(){ let vel=Number(document.getElementById('vel').value); let aviso=document.getElementById('res'); let aviso2=document.getElementById('res2'); if(vel>50){ aviso.innerHTML="Voce excedeu o limite de velocidade"; } else { aviso.innerHTML="Voce cumpriu o limite de velocidade"; } aviso2.innerHTML="Dirija com cuidado"; }
Além de criar uma novo elemento no HTML criei uma nova let para que receba o valor definido nela.
Qualquer dúvida é só compartilha =D
Grande abraço!
Entao rodolfo tudo bem?
obrigado pela sua ajuda, mas o codigo ainda nao esta a funcionar. Tem 1 erro.
Uncaught TypeError: aviso.innerHTML is not a function
at Verificar (ex11.js:8)
at HTMLInputElement.onclick (ex11.html:13)
24/08/2019
Jose
Este é o meu HTML
<!DOCTYPE html>
<html lang="pt">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<h1>sistema de multas</h1>
Insira a velocidade do carro (Km/h)
<input type="number" name="velocidade" id="vel">
<input type="button" value="verifica" onclick="Verificar()">
<div id="res">
</div>
</body>
<script src="ex11.js"></script>
</html>
Segue a funcao em js:
function Verificar(){
let vell=Number(document.getElementById(''''vel'''').value)
let aviso=document.querySelector(''''res'''')
if(vel>50){
aviso.innerHTML(`Voce excedeu o limite de velocidade`)
} else {
aviso.innerHTML(`Voce cumpriu o limite de velocidade`)
}
aviso.innerHTML("Dirija com cuidado")
}
Opa José, td bom?
Então neste caso, vc terá que alterar algumas coisas no seu código para que ele possa funcionar 100%, vamos lá!
No JS quando ele tenta satisfazer a condição criada ele encontra um erro, pois você a variável "vel" com dois L, veja abaixo. Então será necessário acertar isso.
let vell=Number(document.getElementById(''''vel'''').value) let aviso=document.querySelector(''''res'''')
Além deste detalhe dentro dos parenteses vc utilizou 4 aspas, sendo apenas necessário usar ou aspas duplas ou simples, troque isso tbm.
E para a exibição dos textos que deseja, terá um problema, pois vc referenciou que tudo seja escrito dentro da mesma div, sendo assim ao satisfazer a condição ou não, ele sempre irá exibir o ultimo texto mencionado, pois ele irá substituir o que foi definido dentro do if ou else.
Então vc terá criar no HTML outra tag para que ele insira o texto neste campo ;)
Veja as modificações que fiz para que tenha como base
======HTML=====
<!DOCTYPE html> <html lang="pt"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> <h1>sistema de multas</h1> Insira a velocidade do carro (Km/h) <input type="number" name="velocidade" id="vel"> <input type="button" value="verifica" onclick="Verificar()"> <p id="res"> </p> <p id="res2"> </p> </body> <script src="ex11.js"></script> </html>
===========JS=========
function Verificar(){ let vel=Number(document.getElementById('vel').value); let aviso=document.getElementById('res'); let aviso2=document.getElementById('res2'); if(vel>50){ aviso.innerHTML="Voce excedeu o limite de velocidade"; } else { aviso.innerHTML="Voce cumpriu o limite de velocidade"; } aviso2.innerHTML="Dirija com cuidado"; }
Além de criar uma novo elemento no HTML criei uma nova let para que receba o valor definido nela.
Qualquer dúvida é só compartilha =D
Grande abraço!
obrigado pela sua ajuda, mas o codigo ainda nao esta a funcionar. Tem 1 erro.
Uncaught TypeError: aviso.innerHTML is not a function
at Verificar (ex11.js:8)
at HTMLInputElement.onclick (ex11.html:13)
26/08/2019
Rodolfo Gomes
Este é o meu HTML
<!DOCTYPE html>
<html lang="pt">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<h1>sistema de multas</h1>
Insira a velocidade do carro (Km/h)
<input type="number" name="velocidade" id="vel">
<input type="button" value="verifica" onclick="Verificar()">
<div id="res">
</div>
</body>
<script src="ex11.js"></script>
</html>
Segue a funcao em js:
function Verificar(){
let vell=Number(document.getElementById(''''vel'''').value)
let aviso=document.querySelector(''''res'''')
if(vel>50){
aviso.innerHTML(`Voce excedeu o limite de velocidade`)
} else {
aviso.innerHTML(`Voce cumpriu o limite de velocidade`)
}
aviso.innerHTML("Dirija com cuidado")
}
Opa José, td bom?
Então neste caso, vc terá que alterar algumas coisas no seu código para que ele possa funcionar 100%, vamos lá!
No JS quando ele tenta satisfazer a condição criada ele encontra um erro, pois você a variável "vel" com dois L, veja abaixo. Então será necessário acertar isso.
let vell=Number(document.getElementById(''''vel'''').value) let aviso=document.querySelector(''''res'''')
Além deste detalhe dentro dos parenteses vc utilizou 4 aspas, sendo apenas necessário usar ou aspas duplas ou simples, troque isso tbm.
E para a exibição dos textos que deseja, terá um problema, pois vc referenciou que tudo seja escrito dentro da mesma div, sendo assim ao satisfazer a condição ou não, ele sempre irá exibir o ultimo texto mencionado, pois ele irá substituir o que foi definido dentro do if ou else.
Então vc terá criar no HTML outra tag para que ele insira o texto neste campo ;)
Veja as modificações que fiz para que tenha como base
======HTML=====
<!DOCTYPE html> <html lang="pt"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> <h1>sistema de multas</h1> Insira a velocidade do carro (Km/h) <input type="number" name="velocidade" id="vel"> <input type="button" value="verifica" onclick="Verificar()"> <p id="res"> </p> <p id="res2"> </p> </body> <script src="ex11.js"></script> </html>
===========JS=========
function Verificar(){ let vel=Number(document.getElementById('vel').value); let aviso=document.getElementById('res'); let aviso2=document.getElementById('res2'); if(vel>50){ aviso.innerHTML="Voce excedeu o limite de velocidade"; } else { aviso.innerHTML="Voce cumpriu o limite de velocidade"; } aviso2.innerHTML="Dirija com cuidado"; }
Além de criar uma novo elemento no HTML criei uma nova let para que receba o valor definido nela.
Qualquer dúvida é só compartilha =D
Grande abraço!
obrigado pela sua ajuda, mas o codigo ainda nao esta a funcionar. Tem 1 erro.
Uncaught TypeError: aviso.innerHTML is not a function
at Verificar (ex11.js:8)
at HTMLInputElement.onclick (ex11.html:13)
E ai José, blz?
Mas vc realizou as devidas alterações que mencionei? Compartilha o código que tárealizando seu teste
Abração!
Clique aqui para fazer login e interagir na Comunidade :)