Value nao esta a funcionar

23/08/2019

16

eu estou a fazer um exercicio basico mas estouo com um erro que nao estou a conseguir resolver. Alguem me pode ajudar?

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")
}
Responder

Post mais votado

23/08/2019

eu estou a fazer um exercicio basico mas estouo com um erro que nao estou a conseguir resolver. Alguem me pode ajudar?

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!

Responder

Mais Posts

23/08/2019

Jose

eu estou a fazer um exercicio basico mas estouo com um erro que nao estou a conseguir resolver. Alguem me pode ajudar?

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)
Responder

24/08/2019

Jose

eu estou a fazer um exercicio basico mas estouo com um erro que nao estou a conseguir resolver. Alguem me pode ajudar?

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)
Responder

26/08/2019

Rodolfo Gomes

eu estou a fazer um exercicio basico mas estouo com um erro que nao estou a conseguir resolver. Alguem me pode ajudar?

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)


E ai José, blz?

Mas vc realizou as devidas alterações que mencionei? Compartilha o código que tárealizando seu teste

Abração!
Responder
×
+1 DevUP
Acesso diário, +1 DevUP
Parabéns, você está investindo na sua carreira