title: To Calculate average of numbers put in HTML table by user using OnClick()
body: <p>Currently having problems identifying an error I have in my HTML/JavaScript code which is preventing my JavaScript function calculating the average of five numbers which is put in by the user of the table. </p>
  
  <p>Nothing happens when I click "Calculate Grade" after I put in numbers into the required cells. Struggling to see the problem.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>var table = document.getElementById("myTable");
  var rows = table.rows;
  for (var i = 0; i &lt; rows.length; i++) {
    var cells = rows[i].cells;
    var sum = 0;
    for (var x = 0; x &lt; cells.length; x++) {
      var cell = cells[x];
      sum += parseInt(cell.innerHTML);
    }
    var average = sum / cells.length;
    rows[i].innerHTML += "&lt;td&gt;" + average + "&lt;/td&gt;";
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;table id="myTable" style="width:100%"&gt;
    &lt;tr&gt;
      &lt;th id="StudentName" bgcolor="FFF55A"&gt;Name&lt;/th&gt;
      &lt;th id="IDnumber" bgcolor="#FFF55A"&gt;ID&lt;/th&gt;
      &lt;th bgcolor="#FFF55A"&gt;Assignment 1&lt;/th&gt;
      &lt;th bgcolor="#FFF55A"&gt;Assignment 2&lt;/th&gt;
      &lt;th bgcolor="#FFF55A"&gt;Assignment 3&lt;/th&gt;
      &lt;th bgcolor="#FFF55A"&gt;Assignment 4&lt;/th&gt;
      &lt;th bgcolor="#FFF55A"&gt;Assignment 5&lt;/th&gt;
      &lt;th bgcolor="#FFF55A"&gt;Final&lt;/th&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td contenteditable='false'&gt;Person1 &lt;/td&gt;
      &lt;td&gt;1546396&lt;/td&gt;
      &lt;td contenteditable='true'&gt;&lt;/td&gt;
      &lt;td contenteditable='true'&gt;&lt;/td&gt;
      &lt;td contenteditable='true'&gt;&lt;/td&gt;
      &lt;td contenteditable='true'&gt;&lt;/td&gt;
      &lt;td contenteditable='true'&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td contenteditable='false'&gt;Person2&lt;/td&gt;
      &lt;td contenteditable='false'&gt;45942544&lt;/td&gt;
      &lt;td contenteditable='true'&gt;&lt;/td&gt;
      &lt;td contenteditable='true'&gt;&lt;/td&gt;
      &lt;td contenteditable='true'&gt;&lt;/td&gt;
      &lt;td contenteditable='true'&gt;&lt;/td&gt;
      &lt;td contenteditable='true'&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td contenteditable='false'&gt;Person3&lt;/td&gt;
      &lt;td contenteditable='false'&gt;48498465&lt;/td&gt;
      &lt;td contenteditable='true'&gt;&lt;/td&gt;
      &lt;td contenteditable='true'&gt;&lt;/td&gt;
      &lt;td contenteditable='true'&gt;&lt;/td&gt;
      &lt;td contenteditable='true'&gt;&lt;/td&gt;
      &lt;td contenteditable='true'&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td contenteditable='false'&gt; Person4&lt;/td&gt;
      &lt;td contenteditable='false'&gt;4964984&lt;/td&gt;
      &lt;td contenteditable='true'&gt;&lt;/td&gt;
      &lt;td contenteditable='true'&gt;&lt;/td&gt;
      &lt;td contenteditable='true'&gt;&lt;/td&gt;
      &lt;td contenteditable='true'&gt;&lt;/td&gt;
      &lt;td contenteditable='true'&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td contenteditable='false'&gt;Person5&lt;/td&gt;
      &lt;td contenteditable='false'&gt; 5686846&lt;/td&gt;
      &lt;td contenteditable='true'&gt;&lt;/td&gt;
      &lt;td contenteditable='true'&gt;&lt;/td&gt;
      &lt;td contenteditable='true'&gt;&lt;/td&gt;
      &lt;td contenteditable='true'&gt;&lt;/td&gt;
      &lt;td contenteditable='true'&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td contenteditable='false'&gt;Person6&lt;/td&gt;
      &lt;td contenteditable='false'&gt;498465&lt;/td&gt;
      &lt;td contenteditable='true'&gt;&lt;/td&gt;
      &lt;td contenteditable='true'&gt;&lt;/td&gt;
      &lt;td contenteditable='true'&gt;&lt;/td&gt;
      &lt;td contenteditable='true'&gt;&lt;/td&gt;
      &lt;td contenteditable='true'&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td contenteditable='false'&gt;Person7&lt;/td&gt;
      &lt;td contenteditable='false'&gt;654684&lt;/td&gt;
      &lt;td contenteditable='true'&gt;&lt;/td&gt;
      &lt;td contenteditable='true'&gt;&lt;/td&gt;
      &lt;td contenteditable='true'&gt;&lt;/td&gt;
      &lt;td contenteditable='true'&gt;&lt;/td&gt;
      &lt;td contenteditable='true'&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td contenteditable='false'&gt;Person8&lt;/td&gt;
      &lt;td contenteditable='false'&gt;6498497&lt;/td&gt;
      &lt;td contenteditable='true'&gt;&lt;/td&gt;
      &lt;td contenteditable='true'&gt;&lt;/td&gt;
      &lt;td contenteditable='true'&gt;&lt;/td&gt;
      &lt;td contenteditable='true'&gt;&lt;/td&gt;
      &lt;td contenteditable='true'&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td contenteditable='false'&gt;Person9&lt;/td&gt;
      &lt;td contenteditable='false'&gt;8749846&lt;/td&gt;
      &lt;td contenteditable='true'&gt;2&lt;/td&gt;
      &lt;td contenteditable='true'&gt;45&lt;/td&gt;
      &lt;td contenteditable='true'&gt;57&lt;/td&gt;
      &lt;td contenteditable='true'&gt;2&lt;/td&gt;
      &lt;td contenteditable='true'&gt;4&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td contenteditable='false'&gt;Person10&lt;/td&gt;
      &lt;td contenteditable='false'&gt;984894&lt;/td&gt;
      &lt;td contenteditable='true'&gt;&lt;/td&gt;
      &lt;td contenteditable='true'&gt;&lt;/td&gt;
      &lt;td contenteditable='true'&gt;&lt;/td&gt;
      &lt;td contenteditable='true'&gt;&lt;/td&gt;
      &lt;td contenteditable='true'&gt;&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;
  &lt;button onclick="myFunction()" class="button1"&gt;Calculate grade&lt;/button&gt;</code></pre>
  </div>
  </div>
  </p>