i need help with this html/javascript/function code!!!!?

O

O4kl4nd

New member
so here i have it...i just need someone to help me check out whats wrong with this cause i thought i got it write...idk tho haha i just need help to fix it can anyone tell me what i did wrong and how to fix it please

<html>
<head>
<title>
Class Averages by Justin Goerz
</title>
<script type="text/javascript">
function TotalAverage()
//Assumes: Labs_Class, WebPages, Test_1, Test_2, Test_3, and final all have numbers
//Results: AverageBox gets all numbers average
{
Labs_Class = prompt("Please enter your Labs_Class average" , "") ;
Labs_Class = parseFloat(Labs_Class);
WebPages = prompt("Please enter your WebPages average" , "");
WebPages = parseFloat(WebPages);
Test_1 = prompt("Please enter your Test_1 grade" , "");
Test_1 = parseFloat(Test_1);
Test_2 = prompt("Plese enter your Test_2 grade" , "");
Test_2 = parseFloat(Test_2);
Test_3 = prompt("Please enter your Test_3 grade" , "");
Test_3 = parseFloat(Test_3);
Final = prompt("Please enter your final grade" , "");
Final = parseFloat(Final);
Average = Labs_Class*0.10 + WebPages*0.20 + Test_1*0.10 + Test_2*0.15 + Test_3*.20 + final*0.25;
document.getElementById("<p>You'r average is" + Average + ".</p>");
}
</script>
</head>
<body>
<h3 style="text-align:center">Overall Course Average</h3>

<hr/>
<p>
enter your Labs_Class average:
<input type="text" id="Labs_ClassBox" size="10" value="" />
</p>
<p>
enter your WebPages average:
<input type="text" id="WebPagesBox" size="10" value="" />
</p>
<p>
enter your Test_1 score:
<input type="text" id="Test_1Box" size="10" value="" />
</p>
<p>
enter your Test_2 score:
<input type="text" id="Test_2Box" size="10" value="" />
</p>
<p>
enter your Test_3 score:
<input type="text" id="Test_3Box" size="10" value="" />
</p>
<p>
enter your final score:
<input type="text" id="finalBox" size="10" value="" />
</p>
<p>
<input type="button" value="Convert to overall average"
onclick="Labs_Class = document.getElementById('Labs_ClassBox').value;
WebPages = document.getElementById('WebPagesBox').value;
Test_1 = document.getElementById('Test_1Box').value;
Test_2 = document.getElementById('Test_2Box').value;
Test_3 = document.getElementById('Test_3Box').value;
final = document.getElementById('finalBox').value;
message = 'Your average is' + Labs_Class*0.10 + WebPages*0.20 + Test_1*0.10 + Test_2*0.15 + Test_3*.20 + final*0.25;
document.getElementById('messageArea').value = message;" />

</body>
</html>
 
You don't actually have a messageArea element yet. I'd just add a div called messageArea:
<div id="messageArea"></div>
and change the last .value (the one for the message area element) to a .innerHTML
 
Back
Top