12
I am trying to write a Javascript to find the entire row in a table with the highest grades and highlight it. But nothing happens except the table is shown. In this case, the grades are represented by "O" and each "O" represents 5 marks. Below is the coding. Does anyone know the reason?
<html>
<head>
<title> </title>
</head>
<body>
<script language="JavaScript">
var grades=[60, 85, 50];
var names=["Bob", "John", "Mary"];
var i=0;
document.write("<table border='1'>");
document.write("<tr bgcolor='silver'>");
document.write("<td width='100'><strong>Name</strong></td>");
document.write("<td width='200' align='center'><strong>Grade</strong></td>");
document.write("</tr>");
for (i=0; i<grades.length; i++){
document.write("<tr>");
document.write("<td>"+names[i]+"</td>");
document.write("<td>");
for (var j=0; j<grades[i]/5; j++){
document.write(‘O’);
}
document.write("</td>");
document.write("</tr>");
}
function find_Max(){
var max_grades=0;
for(var i=0; i<grades.length;i++){
if (grades[i]>max_grades)
max_grades=grades[i];
}
return max_grades;
}
var max_grades=find_Max(grades[i]);
for(i=0; i<grades.length; i++)
{
rowToColor = grades[i].index
currentRow = getElementsByTagName("max_grades") [rowToColor]
currentRow.bgcolor = “grey”}
find_Max();
document.write("</table>");
</script>
</body>
</html>
