edit

html/index.html

@@ -196,7 +196,7 @@ <h1>The Word Search Game</h1>
                 //create cells and add it to the row
                 const cell = document.createElement("td");
                 cell.setAttribute("id",k.toString());
-
+                cell.addEventListener("click",buttonEvent(k.toString(),0));
 
                 const cellText=document.createTextNode(`${k}`);
                 cell.appendChild(cellText);
@@ -210,20 +210,20 @@ <h1>The Word Search Game</h1>
         document.body.appendChild(tbl);
         tbl.setAttribute("border","1.5");
 
-        var cells = document.querySelectorAll("td");
+
+    }
+    var cells = document.querySelectorAll("td");
         for(var i=0;i<cells.length;i++)
         {
-            cells[i].addEventListener("click",buttonEvent(cells[i].getAttribute("id"),0));
-            cells[i].addEventListener("mouseover",buttonEvent(cells[i].getAttribute("id"),1));
+            //cells[i]
+            //cells[i].addEventListener("mouseover",buttonEvent(cells[i].getAttribute("id"),1));
         }
-    }
-
     function buttonEvent(cell,action)
     {
         const button= document.getElementById(cell.toString());
         button.style.backgroundColor="blue";
         U = new UserEvent();
-        U.cell=cell;
+        U.cell=parseInt(cell);
         U.action=action;
         U.player=player;
         U.gameId=gameId;