CODIGO NAO FUNCIONA

1. CODIGO NAO FUNCIONA

TurinTurambar
TurinElmodeDraga

(usa Kali)

Enviado em 08/04/2019 - 14:46h

Fala galera! Estou começando no estudo de javascript. Criei um script simples de calculo de media, porém ele não pega os valores dos campo de texto e consecutivamente não faz o calculo. Segue o código. Me ajudem pfv. Vlw galera

<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="utf-8">
<title>Boletim JavaScript</title>
<script>
function confirmaNota(){
var nota1 = document.getElementById('nota1').Value;
var nota2 = document.getElementById('nota2').Value;
var nota3 = document.getElementById('nota3').Value;
var nota4 = document.getElementById('nota4').Value;


var soma = nota1 + nota2 + nota3 + nota4;
var resultado = Math.round(soma/4);

console.log(soma);

// Calculo das medias

if(resultado >= 0 && < 6){
alert("Reprovado. Sua nota é: "+resultado);
}else if(resultado >= 6 && <= 10){
alert("Aprovado! Sua nota é: "+resultado);
}else if(resultado > 10){
alert("Dados preenchidos incorretamente. Preencha novamente por favor");
}else(resultado < 0){
alert("Tu é muito burro!!");
}
}

</script>
</head>
<body>
<p>
<h1>
Calculador de Notas
</h1>
<form>
Primeira Nota: <input type="number" id="nota1" name="nota"><br><br>
Segunda Nota: <input type="number" id="nota2" name="nota"><br><br>
Terceira Nota: <input type="number" id="nota3" name="nota"><br><br>
Quarta Nota: <input type="number" id="nota4" name="nota"><br><br>
<button onclick="confirmaNota(nota)">Confirmar!</button>
</form>
</p>
</body>
</html>


  


2. Re: CODIGO NAO FUNCIONA

Marcelo Oliver
msoliver

(usa Debian)

Enviado em 08/04/2019 - 17:42h

TurinElmodeDraga escreveu:

Fala galera! Estou começando no estudo de javascript. Criei um script simples de calculo de media, porém ele não pega os valores dos campo de texto e consecutivamente não faz o calculo. Segue o código. Me ajudem pfv. Vlw galera

<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="utf-8">
<title>Boletim JavaScript</title>
<script>
function confirmaNota(){
var nota1 = document.getElementById('nota1').Value;
var nota2 = document.getElementById('nota2').Value;
var nota3 = document.getElementById('nota3').Value;
var nota4 = document.getElementById('nota4').Value;


var soma = nota1 + nota2 + nota3 + nota4;
var resultado = Math.round(soma/4);

console.log(soma);

// Calculo das medias

if(resultado >= 0 && < 6){
alert("Reprovado. Sua nota é: "+resultado);
}else if(resultado >= 6 && <= 10){
alert("Aprovado! Sua nota é: "+resultado);
}else if(resultado > 10){
alert("Dados preenchidos incorretamente. Preencha novamente por favor");
}else(resultado < 0){
alert("Tu é muito burro!!");
}
}

</script>
</head>
<body>
<p>
<h1>
Calculador de Notas
</h1>
<form>
Primeira Nota: <input type="number" id="nota1" name="nota"><br><br>
Segunda Nota: <input type="number" id="nota2" name="nota"><br><br>
Terceira Nota: <input type="number" id="nota3" name="nota"><br><br>
Quarta Nota: <input type="number" id="nota4" name="nota"><br><br>
<button onclick="confirmaNota(nota)">Confirmar!</button>
</form>
</p>
</body>
</html>


Boa tarde TurinElmodeDraga.
Agora funciona . . . :)
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="utf-8">
<title>Boletim JavaScript</title>

<script>
function confirmaNota(){
var i=1, num=0, soma=0, txt="";
for (i=1;i<=4;i++) {
num=Number(document.getElementById('nota'+i).value);
soma+=num;
}
var media=(soma/4);
media=media.toFixed(2)
document.getElementById('soma').value=soma;
document.getElementById('media').value=media;
(media<6?txt="REPROVADO: ":txt="APROVADO: ")
document.getElementById('res').innerHTML=txt+media;
}

</script>
</head>
<body>
<p>
<h1>Calculador de Notas</h1>
<form action="javascript:" onsubmit="confirmaNota()">
1ª Nota: <input type="number" id="nota1" name="nota1" min="0" max="10">
2ª Nota: <input type="number" id="nota2" name="nota2" min="0" max="10">
3ª Nota: <input type="number" id="nota3" name="nota3" min="0" max="10">
4ª Nota: <input type="number" id="nota4" name="nota4" min="0" max="10"><br><hr>
Soma: <input type="number" id="soma" min="0" max="40" readonly ><hr>
Média: <input type="number" id="media" min="0" max="10" readonly><br><hr>
<input type="submit" value="Calcular">
</form>
<h1 id="res">Resultado:</h1>
</p>
</body>
</html>

Observe que "limitei" a nota no "input" - min=0 e max=10
MENSAGEM
: echo -e "$(lynx --dump goo.gl/a9KeFc|sed -nr '/^[ ]+Se/,/dou.$/p')"
Att.: Marcelo Oliver






Patrocínio

Site hospedado pelo provedor RedeHost.
Linux banner
Linux banner
Linux banner

Artigos

Dicas

Tópicos

Top 10 do mês

Scripts