Tengo un código que se supone que muestra el valor de la celda de la tabla cuando se hace clic en él y también resalta la celda de la tabla en la que se ha hecho clic (Usando la clase CSS). Sin embargo, la celda de la tabla no se resalta por algún motivo. Funciona cuando elimino el código de valor de la celda de la tabla. No estoy seguro de lo que está mal.

 const myWords = ["LOL", "HEY", "TOYS", "YES", "SIR", "JOY"]; //Highlighting Table Cell code //Goes through every 'td' on page for (let node of document.querySelectorAll("td")) { node.onclick = function() { if (node.className == "") { node.className = "selected" } else { node.className = "" } } } //Get Table Value code var selectedWord = ""; var clicking = document.getElementsByTagName('td'); //Everytime the user click on a cell... for (var i = 0; i < clicking.length; i++) { var click = clicking[i]; click.onclick = function() { selectedWord += this.innerHTML; alert(selectedWord); //Calls a function for each word in myWords myWords.forEach(myFunction); function myFunction(item, index) { //If a word matches the selected word... if (item == selectedWord) { alert(item); } } } }