title: Why can't I update this table with the same code used in another place using Javascript?
body: <p>The table cell updates correctly to "" (empty) in the changeScore function, but that same cell does not change at all in the editUpdate function when I try to place the new score in there.  It just stays empty.  Any ideas?  </p>
  
  <pre><code>function changeScore(playerKey)
  {
      var table = document.getElementById("scoreTable");
  
      players[playerKey].score = players[playerKey].oldScore;
      table.rows[currentRound - 1].cells[playerKey + 1].innerHTM = '';
  
      document.getElementById('inputArea').innerHTML = '&lt;font size="6"&gt;Did &lt;b&gt;' + players[playerKey].name + '&lt;/b&gt; take &lt;b&gt;' + players[playerKey].bid + '&lt;/b&gt; trick(s)?&lt;/font&gt;&lt;br /&gt;&lt;button value="Yes" id="yesButton" onclick="editUpdate(' + playerKey + ', \'yes\')"&gt;Yes&lt;/button&gt;&amp;nbsp&amp;nbsp&amp;nbsp&amp;nbsp&lt;button value="No" id="noButton" onclick="editUpdate(' + playerKey + ', \'no\')"&gt;No&lt;/button&gt;';
  }
  
  function editUpdate(thePlayerKey, answer)
  {
      var table = document.getElementById("scoreTable");
  
      players[thePlayerKey].oldScore = players[thePlayerKey].score;
  
      if (answer == "yes"){
          **
      }else{
          **
      }
  
      table.rows[currentRound - 1].cells[thePlayerKey + 1].innerHTM = '&lt;font color="' + players[thePlayerKey].font + '"&gt;' + players[thePlayerKey].score + '&lt;/font&gt;';
  
      document.getElementById('inputArea').innerHTML = '&lt;button onclick="startRound()"&gt;Start Round&lt;/button&gt;&amp;nbsp&amp;nbsp&amp;nbsp&amp;nbsp&amp;nbsp&lt;button onclick="edit()"&gt;Edit Scores&lt;/button&gt;';
  
  }
  </code></pre>