Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

ThiarthuR

Boletim em Javascript

Por , em Javascript

Recommended Posts

ThiarthuR    0

ThiarthuR
Postado

Bom galera meu problema é o seguinte....

Estou fazendo um curso de Web ...

Estou no meu ultimo módulo que é Javascript

Meu professor pediu para a turma para que fizessemos um Formulário que Diga a media Final e dizer se ele está aprovado

Criei o código inteiro mais quando chamo a função e testo a page e clico no /!\ aparece "objeto não dá suporte para a propriedade ou método"

 

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Boletim Escolar</title>
</head>
<style type="text/css">
	body{
		background-color:#000;
		font-family:Verdana, Geneva, sans-serif;
		color:#CCC;
	}
</style>
<script language="javascript">
function calc()
{
		var nomealuno=document.calc.aluno.value;
		var cien1=document.calc.ci1.value
		var cien2=document.calc.ci2.value
		var cien3=document.calc.ci3.value
		var cien4=document.calc.ci4.value
		var mediacien=eval(cien1)+eval(cien2)+eval(cien3)+eval(cien4)/4
		var fisi1=document.calc.fi1.value
		var fisi2=document.calc.fi2.value
		var fisi3=document.calc.fi3.value
		var fisi4=document.calc.fi4.value
		var mediafisi=eval(fisi1)+eval(fisi2)+eval(fisi3)+eval(fisi4)/4
		var geo1=document.calc.ge1.value
		var geo2=document.calc.ge2.value
		var geo3=document.calc.ge3.value
		var geo4=document.calc.ge4.value
		var mediageo=eval(geo1)+eval(geo2)+eval(geo3)+eval(geo4)/4
		var hist1=document.calc.hi1.value
		var hist2=document.calc.hi2.value
		var hist3=document.calc.hi3.value
		var hist4=document.calc.hi4.value
		var mediahist=eval(hist1)+eval(hist2)+eval(hist3)+eval(hist4)/4
		var mat1=document.calc.ma1.value
		var mat2=document.calc.ma2.value
		var mat3=document.calc.ma3.value
		var mat4=document.calc.ma4.value
		var mediamat=eval(mat1)+eval(mat2)+eval(mat3)+eval(mat4)/4
		var port1=document.calc.po1.value
		var port2=document.calc.po2.value
		var port3=document.calc.po3.value
		var port4=document.calc.po4.value
		var mediaport=eval(port1)+eval(port2)+eval(port3)+eval(port4)/4
				
				if (mediacien>=70)
		{
			var resultcien = "Aprovado"
		}
		else
		{
			if(mediacien<=50)
			{
				var resultcien = "Reprovado"
			}
		    else
			{
				var resultcien = "Recuperação"
			}
		}
				if (mediafisi>=70)
		{
			var resultfisi = "Aprovado"
		}
		else
		{
			if(mediafisi<=50)
			{
				var resultfisi = "Reprovado"
			}
		    else
			{
				var resultfisi = "Recuperação"
			}
		}
        if (mediageo>=70)
		{
			var resultgeo = "Aprovado"
		}
		else
		{
			if(mediageo<=50)
			{
				var resultgeo = "Reprovado"
			}
		    else
			{
				var resultgeo = "Recuperação"
			}
		}
        if (mediahist>=70)
		{
			var resulthist = "Aprovado"
		}
		else
		{
			if(mediahist<=50)
			{
				var resulthist = "Reprovado"
			}
		    else
			{
				var resulthist = "Recuperação"
			}
		}
        if (mediamat>=70)
		{
			var resultmat = "Aprovado"
		}
		else
		{
			if(mediamat<=50)
			{
				var resultmat = "Reprovado"
			}
		    else
			{
				var resultmat = "Recuperação"
			}
		}
        if (mediaport>=70)
		{
			var resultport = "Aprovado"
		}
		else
		{
			if(mediaport<=50)
			{
				var resultport = "Reprovado"
			}
		    else
			{
				var resultport = "Recuperação"
			}
		}
	alert("Aluno: " + nomealuno + "\nCiências: " + mediacien + " Resultado: " + resultcien + "\nFísica: " + mediafisi + "Resultado: " + resultfisi + "\nGeografia: " + mediageo + "Resultado: " + resultgeo + "\nHistória: " + mediahist + "Resultado: " + resulthist + "\nMatemática: " + mediamat + "Resultado: " + resultmat + "\nPortuguês: " + mediaport + "Resultado: " + resultpot );	
}

</script>
<body>
	<h2 align="center">Boletim Escolar<hr /></h2>
    <hr />Cadastro de Notas
	<form name="calc" action="">
    	<table bgcolor="#666666" cellpadding="10" align="center">
        	<tr align="center"><td colspan="5"><b>Entre com os valores</b></td></tr>
            <tr><td>Disciplinas</td><td>1º Bim</td><td>2º Bim</td><td>3º Bim</td><td>4º Bim</td></tr>
            <tr>
            <td colspan="5">Aluno            <input type="text" name="aluno" /></td></tr><tr>
            	<td>Ciências</td><td><input type="text" name="ci1" size="2" /></td><td><input type="text" name="ci2" size="2" /></td><td><input type="text" name="ci3" size="2" /></td><td><input type="text" name="ci4" size="2" /></td>
            </tr>
            <tr>
            	<td>Física</td><td><input type="text" name="fi1" size="2" /></td><td><input type="text" name="fi2" size="2" /></td><td><input type="text" name="fi3" size="2" /></td><td><input type="text" name="fi4" size="2" /></td>
            </tr>
            <tr>
            	<td>Geografia</td><td><input type="text" name="ge1" size="2" /></td><td><input type="text" name="ge2" size="2" /></td><td><input type="text" name="ge3" size="2" /></td><td><input type="text" name="ge4" size="2" /></td>
            </tr>
            <tr>
            	<td>História</td><td><input type="text" name="hi1" size="2" /></td><td><input type="text" name="hi2" size="2" /></td><td><input type="text" name="hi3" size="2" /></td><td><input type="text" name="hi4" size="2" /></td>
            </tr>
            <tr>
            	<td>Matemática</td><td><input type="text" name="ma1" size="2" /></td><td><input type="text" name="ma2" size="2" /></td><td><input type="text" name="ma3" size="2" /></td><td><input type="text" name="ma4" size="2" /></td>
            </tr>
            <tr>
            	<td>Português</td><td><input type="text" name="po1" size="2" /></td><td><input type="text" name="po2" size="2" /></td><td><input type="text" name="po3" size="2" /></td><td><input type="text" name="po4" size="2" /></td>
            </tr>
            <tr><td colspan="5" align="center"><input type="button"  value="resultado" onclick="javascript:calc();" />
            </tr>
            
        </table>
    </form>
</body>
</html>
Por Favor Preciso da Ajuda de vocês

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Eita.. que doidera ^_^

 

cara, troca:

<script language="javascript">
por:

<script type="text/javascript">
o atributo language, já está em desuso faz tempo.. estranho terem te ensinado assim..

 

os eval() são totalmente desnecessários.

vou te apresentar uma forma bonita de resolver isso. A que costumo fazer, qndo estou trabalhando com coisas do tipo..

 

-> Primeiro criar uma função para abreviar o getElement...

function id( el ){
   return document.getElementById( el );
}
depois atribuir um id="", para cada input, assim tornaremos o nosso script mais confiavel..

<td>Ciências</td><td><input type="text" name="ci1" id="ci1" size="2" /></td><td><input type="text" name="ci2" id="ci2" size="2" />
e por ai vai...

e então, faremos:

var mediacien = ( parseFloat(id('cien1'))+parseFloat(id('cien2'))+parseFloat(id('cien3'))+parseFloat(id('cien4')) ) /4
em vez de:

var cien1=document.calc.ci1.value
                var cien2=document.calc.ci2.value
                var cien3=document.calc.ci3.value
                var cien4=document.calc.ci4.value
                var mediacien=eval(cien1)+eval(cien2)+eval(cien3)+eval(cien4)/4
entendeu ? http://forum.imasters.com.br/public/style_emoticons/default/natal_tongue.gif

 

Fica 'bem mais profissional' assim.

Compartilhar este post

Link para o post
Compartilhar em outros sites

ThiarthuR    0

ThiarthuR
Postado

Cara vlw, Suas Dicas Vão me ajuda e muito

eu converti o Código usando suas dicas

 

Mais não sei porque ele continua dando este erro

Diz q eh na linha 172?

 

<tr><td colspan="5" align="center"><input type="button"  value="resultado" onclick="javascript:calc();" />

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Hum.. posta o código completo... o debug do IE é uma porcaria... confie mais no do Firefox... http://forum.imasters.com.br/public/style_emoticons/default/natal_happy.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

Henrique Barcelos    290

Henrique Barcelos
Postado 

var nomealuno=document.calc.aluno.value;

Não use essa contrução...

 

Prefira usar o getElementById...

 

var nomeAluno = document.getElementById('aluno').value;

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito