I need help please. I’m a student and I’m just learning ? . I have to create a grade form (JavaScript/XHTML) that will calculate my grades per unit. I’ve read the text extensively and I’m just not grasping the issue. I validated with W3C validator. But I get the error in browser and it won’t calculate. Additionally I’m not sure if my form syntax is correct. Thanks!
I’m getting an error:
[COLOR=”Navy”]Line: 24
Char:3
Error: ‘document.gradeform.unit1’ is not null or not an object
Code: 0
=================================================
Here’s the code:
<?xml version=”1.0″ encoding=”utf-8″?>
<!– Name –>
<!– IT 4730 –>
<!– ua301 –>
<!– Unit 3 –>
<!– gradecalc1.html –>
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”
“
<html xmlns=”
<head>
<meta name=”generator” content=”HTML Tidy for Linux (vers 1 September 2005), see www.w3.org” /><!– Page title –>
<title>JavaScript Grade Calculator</title>
<!– Grade Calculator with Loop –>
<script type=”text/javascript”>
//<![CDATA[
function gradeCalc()
{
// Make output variable
var gradeOut;
// Variables for all inputs
var gradeUnit1 = document.gradeform.unit1.value;
var gradeUnit2 = document.gradeform.unit2.value;
var gradeUnit3 = document.gradeform.unit3.value;
var gradeUnit4 = document.gradeform.unit4.value;
// Grades added
gradeOut = “My Calculated Grades:nn”;
gradeOut+= “Unit 1 Grade: ” + gradeUnit1 + “n”;
gradeOut+= “Unit 2 Grade: ” + gradeUnit2 + “n”;
gradeOut+= “Unit 3 Grade: ” + gradeUnit3 + “n”;
gradeOut+= “Unit 4 Grade: ” + gradeUnit4 + “nn”;
// Calculate the course grades
var totalGrade = ( (gradeUnit1*.10) + (gradeUnit2*.07) + (gradeUnit4
//Add course grade to the variable
gradeOut+= “My course grade is: ” + totalGrade + “n”;
// Check for grade letter and add to output
if (totalGrade >= 90)
gradeOut+= “My letter grade is: A”;
else if (totalGrade < 90 && totalGrade >= 80)
gradeOut+= “My letter grade is: B”;
else if (totalGrade < 80 && totalGrade >= 70)
gradeOut+= “My letter grade is: C”;
else if (totalGrade < 70 && totalGrade >= 60)
gradeOut+= “My letter grade is: D”;
else if (totalGrade < 60)
gradeOut+= “My letter grade is: F”;
// Print out all grades in the textarea
document.gradeform.gradeout.value = gradeOut;
}
//]]>
</script>
</head>
<body>
<!– Page header –>
<h1>JavaScript Grade Calculator</h1>
<!– Start the form –>
<form id = “gradeform” action =””>
<!– Table –>
<table border=”0″ cellpadding=”10″>
<tr><!– Table Headers –>
<th>Grade Units</th>
<th>My Grades</th>
</tr>
<tr>
<td valign=”top”><!– Input all the grades –>
Unit 1 Grade:<br />
<input type=”text” name=”unit1″ size=”15″ /><br />
<br />
Unit 2 Grade:<br />
<input type=”text” name=”unit2″ size=”15″ /><br />
<br />
Unit 3 Grade:<br />
<input type=”text” name=”unit3″ size=”15″ /><br />
<br />
Unit 4 Grade:<br />
<input type=”text” name=”unit4″ size=”15″ /><br />
<br />
<input type=”button” value=”Calculate Grades” onclick=”gradeCalc()” /></td>
<td valign=”top”><!– Textarea used to return grades –>
<textarea name=”gradeout” rows=”15″ cols=”25″>
</textarea></td>
</tr>
</table>
</form>
</body>
</html>