I am trying to do sudoku game and the first step that I try to do is checking in each array if there are same numbers or not. my code works only for the 0 table but doeson work for the other tables and I can not figure out the problem . I think the problem with the for loop
Thank you in adevance
<html>
<head>
<title>noor</title>
<!-- ************************************************************************************************************* -->
<script type="text/javascript">
function getValues(element)
{
var array = new Array();
array = document.getElementsByName(element);
alert("total objects with name \"textfield\" = \n" + array.length);
for(var i = 0; i < array.length; i++)
{
var obj = document.getElementsByName(element).item(i);
if(obj.value > 9 ){
alert("the Value: " + obj.value + " at position " + obj.id + " is greater than 9 " );
}<!-- End of the first if statment -->
else
if(obj.value < 1){
alert("the Value: " + obj.value + " at position " + obj.id + " is less than 1\n " + "your value must be between 1-9" );
}<!-- End of the second if statment -->
<!-- checking the smilrity -->
var vlu1 = obj.value;
<!-- checking the 0 zero table -->
for(var j = i+1; j < array.length; j++){
var objc = document.getElementsByName(element).item(j);
var vlu2 = objc.value;
if ( vlu1 == vlu2 && 0+'_'+j == objc.id ) {
alert(objc.id + " and " + obj.id + " is = " + obj.value);
}
}
for(var j = i+1; j < array.length; j++){
var objc = document.getElementsByName(element).item(j);
var vlu2 = objc.value;
if ( vlu1 == vlu2 && 1+'_'+j == objc.id )
alert(objc.id + " and " + obj.id + " is = " + obj.value);
}
for(var j = i+1; j < array.length; j++){
var objc = document.getElementsByName(element).item(j);
var vlu2 = objc.value;
if ( vlu1 == vlu2 && 3+'_'+j == objc.id )
alert(objc.id + " and " + obj.id + " is = " + obj.value);
}
for(var j = i+1; j < array.length; j++){
var objc = document.getElementsByName(element).item(j);
var vlu2 = objc.value;
if ( vlu1 == vlu2 && 4+'_'+j == objc.id )
alert(objc.id + " and " + obj.id + " is = " + obj.value);
}
}<!-- End of the for loop -->
}<!-- End of the function -->
</script>
</head>
<body>
<div id="board">
<div id="three">
<table border = "0" width = "20%"
summary = ""> <!-- do not forget to close it FATIMAH -->
<tr>
<!-- *************************************************************************************************************** -->
<td>
<table border = "2" width = "20% "
summary = "">
<tbody>
<tr>
<td>
<div id="one"><input name="sudoku" id="0_0" type="text" value="1"></div></td>
<td><div id="one"><input name="sudoku" id="0_1" type="text" value="2"></div></td>
<td><div id="one"><input name="sudoku" id="0_2" type="text" value="3"></div></td></tr>
<tr><td>
<div id="one"><input name="sudoku" id="0_3" type="text" value="4"></div></td>
<td><div id="one"><input name="sudoku" id="0_4" type="text" value="5"></div></td>
<td><div id="one"><input name="sudoku" id="0_5" type="text" value="6"></div></td></tr>
<tr><td>
<div id="one"><input name="sudoku" id="0_6" type="text" value="7"></div></td>
<td><div id="one"><input name="sudoku" id="0_7" type="text" value="8"></div></td>
<td><div id="one"><input name="sudoku" id="0_8" type="text" value="9"></div></td>
</table> </div>
</td>
<td>
<table border = "2" width = "20%"
summary = "">
<div id="three">
<tr>
<td>
<div id="one"><input name="1_0" type="text" value="1"></div></td>
<td> <div id="one"><input name="sudoku" id="1_1" type="text" value="2"></div></td>
<td> <div id="one"><input name="sudoku" id="1_2" type="text" value="3"></div></td></tr>
<tr><td>
<div id="one"><input name="sudoku" id="1_3" type="text" value="4"></div> </td>
<td> <div id="one"><input name="sudoku" id="1_4" type="text" value="5"></div></td>
<td><div id="one"><input name="sudoku" id="1_5" type="text" value="6"></div></td></tr>
<tr><td>
<div id="one"><input name="sudoku" id="1_6" type="text" value="7"></div></td>
<td> <div id="one"><input name="sudoku" id="1_7" type="text" value="8"></div></td>
<td> <div id="one"><input name="sudoku" id="1_8" type="text" value="9"></div></td></tr>
</table>
</div>
</td>
<td>
<table border = "2" width = "20%"
summary = "">
<tr>
<td>
<div id="three">
<div id="one"><input name="sudoku" id="2_0" type="text" value="1"></div> </td>
<td><div id="one"><input name="sudoku" id="2_1" type="text" value="2"></div></td>
<td><div id="one"><input name="sudoku" id="2_2" type="text" value="3"></div></td></tr>
<tr>
<td><div id="one"><input name="sudoku" id="2_3" type="text" value="4"></div></td>
<td><div id="one"><input name="sudoku" id="2_4" type="text" value="5"></div></td>
<td><div id="one"><input name="sudoku" id="2_5" type="text" value="6"></div></td></tr>
<tr><td> <div id="one"><input name="sudoku" id="2_6" type="text" value="7"></div></td>
<td> <div id="one"><input name="sudoku" id="2_7" type="text" value="8"></div></td>
<td> <div id="one"><input name="sudoku" id="2_8" type="text" value="9"></div></td></tr>
</table> </div>
</td></tr>
<!-- ****************************************************************her is a new row ************************-->
<tr>
<td>
<table border = "2" width = "20%"
summary = "">
<tr><div id="three">
<td><div id="one"><input name="sudoku" id="3_0" type="text" value="1"></div> </td>
<td><div id="one"><input name="sudoku" id="3_1" type="text" value="2"></div> </td>
<td><div id="one"><input name="sudoku" id="3_2" type="text" value="3"></div> </td></tr>
<tr><td><div id="one"><input name="sudoku" id="3_3" type="text" value="4"></div> </td>
<td><div id="one"><input name="sudoku" id="3_4" type="text" value="5"></div> </td>
<td><div id="one"><input name="sudoku" id="3_5" type="text" value="6"></div> </td></tr>
<tr>
<td><div id="one"><input name="sudoku" id="3_6" type="text" value="7"></div> </td>
<td><div id="one"><input name="sudoku" id="3_7" type="text" value="8"></div> </td>
<td><div id="one"><input name="sudoku" id="3_8" type="text" value="9"></div> </td></tr>
</div>
</table>
</td>
<td>
<table border = "2" width = "20%"
summary = "">
<tr><div id="three">
<td><div id="one"><input name="sudoku" id="4_0" type="text" value="1"></div> </td>
<td><div id="one"><input name="sudoku" id="4_1" type="text" value="2"></div> </td>
<td><div id="one"><input name="sudoku" id="4_2" type="text" value="3"></div> </td></tr>
<tr><td><div id="one"><input name="sudoku" id="4_3" type="text" value="4"></div> </td>
<td><div id="one"><input name="sudoku" id="4_4" type="text" value="5"></div> </td>
<td><div id="one"><input name="sudoku" id="4_5" type="text" value="6"></div> </td></tr>
<tr>
<td><div id="one"><input name="sudoku" id="4_6" type="text" value="7"></div> </td>
<td><div id="one"><input name="sudoku" id="4_7" type="text" value="8"></div> </td>
<td><div id="one"><input name="sudoku" id="4_8" type="text" value="9"></div> </td></tr>
</div>
</table>
</td>
<td>
<table border = "2" width = "20%"
summary = "">
<tr><div id="three">
<td><div id="one"><input name="sudoku" id="5_0" type="text" value="1"></div> </td>
<td><div id="one"><input name="sudoku" id="5_1" type="text" value="2"></div> </td>
<td><div id="one"><input name="sudoku" id="5_2" type="text" value="3"></div> </td></tr>
<tr><td><div id="one"><input name="sudoku" id="5_3" type="text" value="4"></div> </td>
<td><div id="one"><input name="sudoku" id="5_4" type="text" value="5"></div> </td>
<td><div id="one"><input name="sudoku" id="5_5" type="text" value="6"></div> </td></tr>
<tr>
<td><div id="one"><input name="sudoku" id="5_6" type="text" value="7"></div> </td>
<td><div id="one"><input name="sudoku" id="5_7" type="text" value="8"></div> </td>
<td><div id="one"><input name="sudoku" id="5_8" type="text" value="9"></div> </td></tr>
</div>
</table>
</td></tr>
<!-- *******************************************************************************NEW Row***************-->
<!--******************************************************************************** ***************-->
<tr>
<td>
<table border = "2" width = "20%"
summary = "">
<tr><div id="three">
<td><div id="one"><input name=a"sudoku" id="6_0" type="text" value="1"></div> </td>
<td><div id="one"><input name="sudoku" id="6_1" type="text" value="2"></div> </td>
<td><div id="one"><input name="sudoku" id="6_2" type="text" value="3"></div> </td></tr>
<tr><td><div id="one"><input name="sudoku" id="6_3" type="text" value="4"></div> </td>
<td><div id="one"><input name="sudoku" id="6_4" type="text" value="5"></div> </td>
<td><div id="one"><input name="sudoku" id="6_5" type="text" value="6"></div> </td></tr>
<tr>
<td><div id="one"><input name="sudoku" id="6_6" type="text" value="7"></div> </td>
<td><div id="one"><input name="sudoku" id="6_7" type="text" value="8"></div> </td>
<td><div id="one"><input name="sudoku" id="6_8" type="text" value="9"></div> </td></tr>
</div>
</table>
</td>
<td>
<table border = "2" width = "20%"
summary = "">
<tr><div id="three">
<td><div id="one"><input name="sudoku" id="7_0" type="text" value="1"></div> </td>
<td><div id="one"><input name="sudoku" id="7_1" type="text" value="2"></div> </td>
<td><div id="one"><input name="sudoku" id="7_2" type="text" value="3"></div> </td></tr>
<tr><td><div id="one"><input name="sudoku" id="7_3" type="text" value="4"></div> </td>
<td><div id="one"><input name="sudoku" id="7_4" type="text" value="5"></div> </td>
<td><div id="one"><input name="sudoku" id="7_5" type="text" value="6"></div> </td></tr>
<tr>
<td><div id="one"><input name="sudoku" id="7_6" type="text" value="7"></div> </td>
<td><div id="one"><input name="sudoku" id="7_7" type="text" value="8"></div> </td>
<td><div id="one"><input name="sudoku" id="7_8" type="text" value="9"></div> </td></tr>
</div>
</table>
</td>
<td>
<table border = "2" width = "20%"
summary = "">
<tr><div id="three">
<td><div id="one"><input name="sudoku" id="8_0" type="text" value="1"></div> </td>
<td><div id="one"><input name="sudoku" id="8_1" type="text" value="2"></div> </td>
<td><div id="one"><input name="sudoku" id="8_2" type="text" value="3"></div> </td></tr>
<tr><td><div id="one"><input name="sudoku" id="8_3" type="text" value="4"></div> </td>
<td><div id="one"><input name="sudoku" id="8_4" type="text" value="5"></div> </td>
<td><div id="one"><input name="sudoku" id="8_5" type="text" value="6"></div> </td></tr>
<tr>
<td><div id="one"><input name="sudoku" id="8_6" type="text" value="7"></div> </td>
<td><div id="one"><input name="sudoku" id="8_7" type="text" value="8"></div> </td>
<td><div id="one"><input name="sudoku" id="8_8" type="text" value="9"></div> </td></tr>
</div>
</table>
</td></tr>
</div>
</table>
<input id="Button1" type="button" value="submit" onClick="getValues('sudoku')" />
</body>
</html>
