Javascript homework - interactive puzzle is not working

Still not getting the hang of this - just trying to hang on and make it to the end of the semester :(  
The squares are supposed to change to black when you click them - but nothing happens when I click.
I think I have the setPuzzle function correct - but after that I'm lost. The book is so very UN helpful.  Please point me in the right direction.


.js file -------------------------------------------------------------
   Function List:
   setPuzzle()
      Initializes event handlers for the cells within the Hanjie
      table. 

   changeColor()
      Toggles the background color of the active cell between
      black and white

   showSolution()
      Shows the solution of the Hanjie puzzle

   hideSolution()
      Hides the solution of the Hanjie puzzle

   checkSolution()
      Checks the user's solution of the Hanjie puzzle

   uncheckSolution()
      Restores the user's solution of the Hanjie puzzle
      to its original state

   -------------------------------------------------------------
   Global Variable List:

   allCells
      An object variable referencing all of the clickable cells
      within the Hanjie puzzle


   -------------------------------------------------------------
*/

window.onload = setPuzzle();

var allCells = new Array();

function setPuzzle() {

	var puzzleTable = document.getElementById("puzzleCells");
	allCells = puzzleTable.getElementById("td");
	
	for (var i = 0; i< allCells.length; i ++) {
		allCells[i].style.background.display = "white";
		allCells[i].onclick = changeColor;
	}
	
	document.getElementById("solution").onclick = showSolution;
	document.getElementById("hide").onclick	= hideSolution;
	document.getElementById("check").onclick = checkSolution;
	document.getElementById("uncheck").onclick = uncheckSolution;	
	
}

function changeColor() {
	
	
	if (allCells[i].style.background.display == "black") {
	allCells[i].style.background.display = "white";
	}else{
	allCells[i].style.background.display = "black";
	}

}

function showSolution() {

	for (var i = 0; i< allCells.length; i ++) {
	   if (allCells[i].className == "dark") {
	   allCells[i].style.background.display = "black";
	   }else{	   
	   allCells[i].style.background.display = "white";
	   }
	 
	 checkCount = "0";
	 }
}

function hideSolution() {

	for (var i = 0; i< allCells.length; i ++) {
		allCells[i].style.background.display = "white";
		}
	checkCount = " ";
}

function checkSolution() {
	var checkCount = 0;
	
	for (var i = 0; i< allCells.length; i ++) {
		if (allCells[i].className == "dark" && allCells[i].style.background.display == "black") {
		allCells[i].style.background.display = "red";
		} else if (allCells[i].className == "dark" && allCells[i].style.background.display == "white"){
		checkCount ++;
		}
		return checkCount.value;
	}
	
}

function uncheckSolution() {

	for (var i = 0; i< allCells.length; i ++) {
		if (allCells[i].style.background.display == "red") {
		allCells[i].style.background.display = "black";
		}
	checkCount = " ";
	}
}

.htm file 

   Filename:         hanjie.htm
   Supporting files: blackbar.gif, jpf.css, jpf.jpg, puzzle.js
-->

   <title>Daily Hanjie Puzzle</title>
   <link href="jpf.css" rel="stylesheet" type="text/css" />
   <link href="stable.css" rel="stylesheet" type="text/css" />
   <script type = "text/javascript" src = "puzzle.js"></script>

</head>

<body>
<form id="hanjieForm" name="hanjieForm" action="">
<div id="page">

   <div id="header">
      <img src="jpf.jpg" alt="The Japanese Puzzle Factory" />

      <ul>
         <li><a href="#">Home</a></li>
         <li><a href="#">Online Puzzles</a></li>
         <li><a href="#">Store</a></li>
         <li><a href="#">Tips and Hints</a></li>
         <li><a href="#">Forum</a></li>
         <li><a href="#">Competitions</a></li>
         <li><a href="#">Site Map</a></li>
      </ul>
   </div>

   <ul id="column1">
      <li><a href="#">Akari</a></li>
      <li><a href="#">Divide by Box</a></li>
      <li><a href="#">Fillomino</a></li>
      <li><a href="#">Hanjie</a></li>
      <li><a href="#">Hashiwokakero</a></li>
      <li><a href="#">Heyawake</a></li>
      <li><a href="#">Hitori</a></li>
      <li><a href="#">Kakuro</a></li>
      <li><a href="#">Katagaku</a></li>
      <li><a href="#">Masugo</a></li>
      <li><a href="#">Masyu</a></li>
      <li><a href="#">Oekaki Logic</a></li>
      <li><a href="#">Shikaku</a></li>
      <li><a href="#">Sudoku</a></li>
      <li><a href="#">Suhai</a></li>
      <li><a href="#">Super Sudoku</a></li>
      <li><a href="#">Tenketsu</a></li>
      <li><a href="#">Tentai Show</a></li>
      <li><a href="#">Wordoku</a></li>
      <li><a href="#">Yajilin</a></li>
   </ul>



   <div id="column2">
   <table class="hanjie">
      <caption><strong>Hint: </strong> Panda</caption>
      <colgroup>
         <col class="firstCol" span="1" />
         <col class="mainTable" span="20" />
      </colgroup>
      <thead>
         <tr>
            <td class="firstCol"></td>
            <td>8<br />5</td><td>9<br />2<br />5</td><td>10<br />1</td><td>9<br />1</td>
            <td>8<br />5<br />2</td><td>6<br />6<br />1</td><td>5<br />7<br />1</td><td>1<br />8<br />1</td>
            <td>1<br />3<br />3<br />1</td><td>1<br />2<br />3<br />1<br />1</td>
            <td>1<br />3<br />3<br />2<br />1<br />1</td>
            <td>1<br />2<br />2<br />6<br />2</td>
            <td>1<br />4<br />2<br />1<br />1</td>
            <td>1<br />2<br />1<br />1</td>
            <td>1<br />1<br />1<br />1</td><td>1<br />2<br />1<br />1</td>
            <td>1<br />2<br />1<br />3<br />1<br />1</td>
            <td>3<br />3<br />1<br />7<br />1</td>
            <td>5<br />2<br />1<br />4<br />1<br />1</td>
            <td>7<br />7<br />1<br />1</td>
         </tr>
       </thead>

         <tr>
            <td class="firstCol">6</td>
            <td colspan="20" rowspan="25">
               <table id="puzzleCells">
                  <tr>
                     <td class="dark"></td><td class="dark"></td><td class="dark"></td><td class="dark"></td>
                     <td class="dark" style="border-right: 1px solid red"></td><td class="dark"></td><td></td><td></td>
                     <td></td><td style="border-right: 1px solid red"></td><td></td><td></td>
                     <td></td><td></td><td style="border-right: 1px solid red"></td><td></td>
                     <td></td><td></td><td></td><td></td>
                  </tr>
                  <tr>
                     <td class="dark"></td><td class="dark"></td><td class="dark"></td><td class="dark"></td>
                     <td class="dark" style="border-right: 1px solid red"></td><td class="dark"></td><td class="dark"></td><td></td>
                     <td></td><td style="border-right: 1px solid red"></td><td></td><td></td>
                     <td></td><td></td><td style="border-right: 1px solid red"></td><td></td>
                     <td></td><td></td><td></td><td class="dark"></td>
                  </tr>
                  <tr>
                     <td class="dark"></td><td class="dark"></td><td class="dark"></td><td class="dark"></td>
                     <td class="dark" style="border-right: 1px solid red"></td><td class="dark"></td>
                     <td class="dark"></td><td></td>
                     <td class="dark"></td><td class="dark" style="border-right: 1px solid red"></td>
                     <td class="dark"></td><td class="dark"></td>
                     <td class="dark"></td><td></td><td style="border-right: 1px solid red"></td><td></td>
                     <td></td><td></td><td class="dark"></td><td class="dark"></td>
                  </tr>
                  <tr>
                     <td class="dark"></td><td class="dark"></td><td class="dark"></td><td class="dark"></td>
                     <td class="dark" style="border-right: 1px solid red"></td><td class="dark"></td><td class="dark"></td>
                     <td class="dark"></td>
                     <td></td><td style="border-right: 1px solid red"></td><td></td><td></td>
                     <td></td><td class="dark"></td><td class="dark" style="border-right: 1px solid red"></td><td></td>
                     <td></td><td class="dark"></td><td class="dark"></td><td class="dark"></td>
                  </tr>
                  <tr>
                     <td class="dark" style="border-bottom: 1px solid red"></td>
                     <td class="dark" style="border-bottom: 1px solid red"></td>
                     <td class="dark" style="border-bottom: 1px solid red"></td>
                     <td class="dark" style="border-bottom: 1px solid red"></td>
                     <td class="dark" style="border-right: 1px solid red; border-bottom: 1px solid red"></td>
                     <td class="dark" style="border-bottom: 1px solid red"></td>
                     <td class="dark" style="border-bottom: 1px solid red"></td>
                     <td style="border-bottom: 1px solid red"></td>
                     <td style="border-bottom: 1px solid red"></td>
                     <td style="border-right: 1px solid red; border-bottom: 1px solid red"></td>
                     <td style="border-bottom: 1px solid red"></td><td style="border-bottom: 1px solid red"></td>
                     <td style="border-bottom: 1px solid red"></td><td style="border-bottom: 1px solid red"></td>
                     <td style="border-right: 1px solid red; border-bottom: 1px solid red"></td>
                     <td class="dark" style="border-bottom: 1px solid red"></td>
                     <td style="border-bottom: 1px solid red"></td><td class="dark" style="border-bottom: 1px solid red"></td>
                     <td class="dark" style="border-bottom: 1px solid red"></td>
                     <td class="dark" style="border-bottom: 1px solid red"></td>
                  </tr>
                  <tr>
                     <td class="dark"></td><td class="dark"></td><td class="dark"></td><td class="dark"></td>
                     <td class="dark" style="border-right: 1px solid red"></td><td class="dark"></td><td class="dark"></td><td></td>
                     <td></td><td style="border-right: 1px solid red"></td><td></td><td></td>
                     <td></td><td></td><td style="border-right: 1px solid red"></td><td></td>
                     <td class="dark"></td><td class="dark"></td><td class="dark"></td><td class="dark"></td>
                  </tr>
                  <tr>
                     <td class="dark"></td><td class="dark"></td><td class="dark"></td><td class="dark"></td>
                     <td class="dark" style="border-right: 1px solid red"></td><td></td><td></td><td></td>
                     <td></td><td style="border-right: 1px solid red"></td><td></td><td></td>
                     <td></td><td></td><td style="border-right: 1px solid red"></td><td></td>
                     <td></td><td></td><td class="dark"></td><td class="dark"></td>
                  </tr>
                  <tr>
                     <td class="dark"></td><td class="dark"></td><td class="dark"></td><td class="dark"></td>
                     <td class="dark" style="border-right: 1px solid red"></td><td></td><td></td><td></td>
                     <td></td><td style="border-right: 1px solid red"></td><td></td><td></td>
                     <td></td><td></td><td style="border-right: 1px solid red"></td><td></td>
                     <td></td><td></td><td></td><td class="dark"></td>
                  </tr>
                  <tr>
                     <td></td><td class="dark"></td><td class="dark"></td><td class="dark"></td>
                     <td style="border-right: 1px solid red"></td><td></td><td></td><td></td>
                     <td class="dark"></td><td class="dark" style="border-right: 1px solid red"></td>
                     <td class="dark"></td><td class="dark"></td>
                     <td class="dark"></td><td></td><td style="border-right: 1px solid red"></td><td></td>
                     <td class="dark"></td><td class="dark"></td><td class="dark"></td><td></td>
                  </tr>
                  <tr>
                     <td style="border-bottom: 1px solid red"></td><td style="border-bottom: 1px solid red"></td>
                     <td class="dark" style="border-bottom: 1px solid red"></td>
                     <td style="border-bottom: 1px solid red"></td>
                     <td style="border-right: 1px solid red; border-bottom: 1px solid red"></td>
                     <td style="border-bottom: 1px solid red"></td><td style="border-bottom: 1px solid red"></td>
                     <td class="dark" style="border-bottom: 1px solid red"></td>
                     <td class="dark" style="border-bottom: 1px solid red"></td>
                     <td class="dark" style="border-right: 1px solid red; border-bottom: 1px solid red"></td>
                     <td class="dark" style="border-bottom: 1px solid red"></td>
                     <td class="dark" style="border-bottom: 1px solid red"></td>
                     <td class="dark" style="border-bottom: 1px solid red"></td>
                     <td style="border-bottom: 1px solid red"></td>
                     <td style="border-right: 1px solid red; border-bottom: 1px solid red"></td>
                     <td style="border-bottom: 1px solid red"></td>
                     <td class="dark" style="border-bottom: 1px solid red"></td>
                     <td class="dark" style="border-bottom: 1px solid red"></td>
                     <td class="dark" style="border-bottom: 1px solid red"></td>
                     <td class="dark" style="border-bottom: 1px solid red"></td>
                  </tr>
                  <tr>
                     <td></td><td class="dark"></td><td></td><td></td>
                     <td style="border-right: 1px solid red"></td><td class="dark"></td><td class="dark"></td><td class="dark"></td>
                     <td class="dark"></td><td style="border-right: 1px solid red"></td><td class="dark"></td><td></td>
                     <td class="dark"></td><td></td><td style="border-right: 1px solid red"></td><td></td>
                     <td></td><td class="dark"></td><td></td><td class="dark"></td>
                  </tr>
                  <tr>
                     <td></td><td class="dark"></td><td></td><td></td>
                     <td class="dark" style="border-right: 1px solid red"></td><td class="dark"></td>
                     <td class="dark"></td><td class="dark"></td>
                     <td></td><td style="border-right: 1px solid red"></td><td></td><td class="dark"></td>
                     <td class="dark"></td><td></td><td style="border-right: 1px solid red"></td><td></td>
                     <td class="dark"></td><td></td><td></td><td class="dark"></td>
                  </tr>
                  <tr>
                     <td class="dark"></td><td></td><td></td><td></td>
                     <td class="dark" style="border-right: 1px solid red"></td><td class="dark"></td>
                     <td class="dark"></td><td class="dark"></td>
                     <td></td><td style="border-right: 1px solid red"></td><td class="dark"></td><td class="dark"></td>
                     <td></td><td></td><td style="border-right: 1px solid red"></td><td></td>
                     <td></td><td class="dark"></td><td class="dark"></td><td class="dark"></td>
                  </tr>
                  <tr>
                     <td class="dark"></td><td></td><td></td><td></td>
                     <td class="dark" style="border-right: 1px solid red"></td><td class="dark"></td>
                     <td class="dark"></td><td class="dark"></td>
                     <td class="dark"></td><td class="dark" style="border-right: 1px solid red"></td>
                     <td class="dark"></td><td></td>
                     <td></td><td class="dark"></td><td class="dark" style="border-right: 1px solid red"></td><td></td>
                     <td></td><td></td><td></td><td class="dark"></td>
                  </tr>
                  <tr>
                     <td class="dark" style="border-bottom: 1px solid red"></td><td style="border-bottom: 1px solid red">
                     </td><td style="border-bottom: 1px solid red"></td><td style="border-bottom: 1px solid red"></td>
                     <td class="dark" style="border-right: 1px solid red; border-bottom: 1px solid red"></td>
                     <td class="dark" style="border-bottom: 1px solid red"></td>
                     <td class="dark" style="border-bottom: 1px solid red"></td>
                     <td class="dark" style="border-bottom: 1px solid red"></td>
                     <td class="dark" style="border-bottom: 1px solid red"></td>
                     <td class="dark" style="border-right: 1px solid red; border-bottom: 1px solid red"></td>
                     <td class="dark" style="border-bottom: 1px solid red"></td><td style="border-bottom: 1px solid red"></td>
                     <td class="dark" style="border-bottom: 1px solid red"></td>
                     <td class="dark" style="border-bottom: 1px solid red"></td>
                     <td style="border-right: 1px solid red; border-bottom: 1px solid red"></td>
                     <td class="dark" style="border-bottom: 1px solid red"></td>
                     <td class="dark" style="border-bottom: 1px solid red"></td>
                     <td class="dark" style="border-bottom: 1px solid red"></td>
                     <td class="dark" style="border-bottom: 1px solid red"></td>
                     <td class="dark" style="border-bottom: 1px solid red"></td>
                  </tr>
                  <tr>
                     <td class="dark"></td><td></td><td></td><td></td>
                     <td class="dark" style="border-right: 1px solid red"></td><td class="dark"></td>
                     <td class="dark"></td><td class="dark"></td>
                     <td class="dark"></td><td class="dark" style="border-right: 1px solid red"></td>
                     <td></td><td class="dark"></td>
                     <td class="dark"></td><td></td><td style="border-right: 1px solid red"></td><td class="dark"></td>
                     <td class="dark"></td><td class="dark"></td><td class="dark"></td><td class="dark"></td>
                  </tr>
                  <tr>
                     <td class="dark"></td><td></td><td></td><td></td>
                     <td style="border-right: 1px solid red"></td><td></td><td class="dark"></td><td class="dark"></td>
                     <td></td><td style="border-right: 1px solid red"></td><td></td><td class="dark"></td>
                     <td></td><td></td><td style="border-right: 1px solid red"></td><td></td>
                     <td class="dark"></td><td class="dark"></td><td class="dark"></td><td></td>
                  </tr>
                  <tr>
                     <td></td><td class="dark"></td><td></td><td></td>
                     <td style="border-right: 1px solid red"></td><td></td><td></td><td></td>
                     <td></td><td style="border-right: 1px solid red"></td><td class="dark"></td><td class="dark"></td>
                     <td></td><td></td><td style="border-right: 1px solid red"></td><td></td>
                     <td></td><td class="dark"></td><td class="dark"></td><td></td>
                  </tr>
                  <tr>
                     <td></td><td class="dark"></td><td></td><td></td>
                     <td style="border-right: 1px solid red"></td><td></td><td></td><td></td>
                     <td></td><td style="border-right: 1px solid red"></td><td class="dark"></td><td class="dark"></td>
                     <td></td><td></td><td style="border-right: 1px solid red"></td><td></td>
                     <td></td><td class="dark"></td><td></td><td></td>
                  </tr>
                  <tr>
                     <td style="border-bottom: 1px solid red"></td><td class="dark" style="border-bottom: 1px solid red"></td>
                     <td style="border-bottom: 1px solid red"></td><td style="border-bottom: 1px solid red"></td>
                     <td style="border-right: 1px solid red; border-bottom: 1px solid red"></td>
                     <td style="border-bottom: 1px solid red"></td><td style="border-bottom: 1px solid red"></td>
                     <td style="border-bottom: 1px solid red"></td>
                     <td style="border-bottom: 1px solid red"></td>
                     <td style="border-right: 1px solid red; border-bottom: 1px solid red"></td>
                     <td style="border-bottom: 1px solid red"></td><td class="dark" style="border-bottom: 1px solid red"></td>
                     <td style="border-bottom: 1px solid red"></td><td style="border-bottom: 1px solid red"></td>
                     <td style="border-right: 1px solid red; border-bottom: 1px solid red"></td>
                     <td style="border-bottom: 1px solid red"></td>
                     <td style="border-bottom: 1px solid red"></td><td class="dark" style="border-bottom: 1px solid red"></td>
                     <td style="border-bottom: 1px solid red"></td><td style="border-bottom: 1px solid red"></td>
                  </tr>
                  <tr>
                     <td></td><td class="dark"></td><td></td><td></td>
                     <td style="border-right: 1px solid red"></td><td></td><td></td><td></td>
                     <td></td><td style="border-right: 1px solid red"></td><td></td><td class="dark"></td>
                     <td class="dark"></td><td class="dark"></td>
                     <td class="dark" style="border-right: 1px solid red"></td><td class="dark"></td>
                     <td class="dark"></td><td class="dark"></td><td class="dark"></td><td class="dark"></td>
                  </tr>
                  <tr>
                     <td></td><td class="dark"></td><td></td><td></td>
                     <td style="border-right: 1px solid red"></td><td></td><td></td><td></td>
                     <td></td><td style="border-right: 1px solid red"></td><td></td><td></td>
                     <td></td><td></td><td style="border-right: 1px solid red"></td><td></td>
                     <td></td><td></td><td></td><td></td>
                  </tr>
                  <tr>
                     <td></td><td></td><td class="dark"></td><td></td>
                     <td style="border-right: 1px solid red"></td><td></td><td></td><td></td>
                     <td></td><td class="dark" style="border-right: 1px solid red"></td><td class="dark"></td><td></td>
                     <td></td><td></td><td style="border-right: 1px solid red"></td><td></td>
                     <td></td><td></td><td></td><td class="dark"></td>
                  </tr>
                  <tr>
                     <td></td><td></td><td></td><td class="dark"></td>
                     <td class="dark" style="border-right: 1px solid red"></td><td></td><td></td><td></td>
                     <td></td><td style="border-right: 1px solid red"></td><td></td><td class="dark"></td>
                     <td></td><td></td><td style="border-right: 1px solid red"></td><td></td>
                     <td></td><td class="dark"></td><td class="dark"></td><td></td>
                  </tr>
                  <tr>
                     <td></td><td></td><td></td><td></td>
                     <td class="dark" style="border-right: 1px solid red"></td><td class="dark"></td>
                     <td class="dark"></td><td class="dark"></td>
                     <td class="dark"></td><td class="dark" style="border-right: 1px solid red"></td>
                     <td class="dark"></td><td class="dark"></td>
                     <td class="dark"></td><td class="dark"></td><td class="dark" style="border-right: 1px solid red"></td>
                     <td class="dark"></td>
                     <td class="dark"></td><td></td><td></td><td></td>
                  </tr>
               </table>
            </td>
         </tr>

         <tr>
            <td class="firstCol">7 1</td>
         </tr>
         <tr>
            <td class="firstCol">7 5 2</td>
         </tr>
         <tr>
            <td class="firstCol">8 2 3</td>
         </tr>
         <tr>
            <td class="firstCol">7 1 3</td>
         </tr>
         <tr>
            <td class="firstCol">7 4</td>
         </tr>
         <tr>
            <td class="firstCol">5 2</td>
         </tr>
         <tr>
            <td class="firstCol">5 1</td>
         </tr>
         <tr>
            <td class="firstCol">3 5 3</td>
         </tr>
         <tr>
            <td class="firstCol">1 6 4</td>
         </tr>
         <tr>
            <td class="firstCol">1 4 1 1 1 1</td>
         </tr>
         <tr>
            <td class="firstCol">1 4 2 1 1</td>
         </tr>
         <tr>
            <td class="firstCol">1 4 2 3</td>
         </tr>
         <tr>
            <td class="firstCol">1 7 2 1</td>
         </tr>
         <tr>
            <td class="firstCol">1 7 2 5</td>
         </tr>
         <tr>
            <td class="firstCol">1 6 2 5</td>
         </tr>
         <tr>
            <td class="firstCol">1 2 1 3</td>
         </tr>
         <tr>
            <td class="firstCol">1 2 2</td>
         </tr>
         <tr>
            <td class="firstCol">1 2 1</td>
         </tr>
         <tr>
            <td class="firstCol">1 1 1</td>
         </tr>
         <tr>
            <td class="firstCol">1 9</td>
         </tr>
         <tr>
            <td class="firstCol">1</td>
         </tr>
         <tr>
            <td class="firstCol">1 2 1</td>
         </tr>
         <tr>
            <td class="firstCol">2 1 2</td>
         </tr>
         <tr>
            <td class="firstCol">13</td>
         </tr>

   </table>


      <p>
         <input type="button" id="check" value="Check Solution" />
         <input type="button" id="uncheck" value="Hide Checked Solution" /><br />

         <label for="checkCount">Cells remaining</label>
         <input type="text" id="checkCount" />
      </p>
   </div>

   <div id="column3">
      <h3>To Play</h3>
      <p>
         <strong>Hanjie</strong> is a Japanese logic puzzle played on a blank grid
         of varying sizes. At the top of each column and to the right of each row are
         sets of numbers that indicate how many cells in that column or row must be colored
         in, working from the top of the column or from the left of the row.
      </p>
      <p>For example a column or row entry of "3 8 1" indicates that there is a block
         of three consecutive darkened cells followed at some point by eight filled-in
         cells and ending finally with one filled-in cell. The gap between consecutive
         groups of filled-in cells has to be determined by clues provided in other
         rows and columns in the grid.</p>
      <p>A completed grid shows a pixelated image. A hint describing the image
         is usually provided with the puzzle. For strategy hints, view the
         <a href="#">Hanjie Strategy</a> page.</p>
      <p>To play Hanjie online, click the cells in the provided grid to toggle the
         cell color between black and white. To check your solution, click the
         <strong>Check Solution</strong> button. The page will highlight
         incorrectly-marked cells in red and display the number of cells that
         still need to be marked.</p>
      <p>
         <input type="button" id="solution" value="Show Solution" />
         <input type="button" id="hide" value="Reset Grid" />
      </p>

   </div>

</div>
</form>
</body>

</html>

Open in new window

barbarella67Asked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

ZylochCommented:
One thing that jumps out immediately at me is that

   allCells = puzzleTable.getElementById("td");

should be

   allCells = puzzleTable.getElementsByTagName("td");
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
daveamourCommented:
Your html file doesn't seem complete  - no starting head or html
Do you in fact have these?
0
barbarella67Author Commented:
I actually had help from one of my classmates last night. Fixed the s on element. Yes, there is a starting head on the htm - I just started the copy after the comment section.
0
TwinSpiritCommented:
How did you fix it?
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
JavaScript

From novice to tech pro — start learning today.