title: How do I sum the price column from HTML table using JavaScript?
body: <p>I am trying to add Price from table column to a total. 
  I am having problem adding values such as 10.00 or 5.99. I am able to calculate prices with int values, but not with values 10.00 or 5.99, etc.</p>
  
  <p>Here is what I have below.</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"),
    sumVal = 0;
  for (var i = 1; i &lt; table.rows.length; i++) {
    sumVal = sumVal + parseF(table.rows[i].cells[2].innerHTML);
  }
  
  document.getElementById("val").innerHTML = "SubTotal =" + sumVal;
  console.log(sumVal);</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;table id="myTable"&gt;
    &lt;tr&gt;
      &lt;th&gt;Item&lt;/th&gt;
      &lt;th&gt;Price&lt;/th&gt;
      &lt;th&gt;Remove&lt;/th&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;Hoddie&lt;/td&gt;
      &lt;td class="count-me"&gt;15.00&lt;/td&gt;
      &lt;td&gt;&lt;button onClick="myFunction()"&gt;Remove&lt;/button&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;Nike Cap&lt;/td&gt;
      &lt;td class="count-me"&gt;10.99&lt;/td&gt;
      &lt;td&gt;&lt;button onClick="myFunction()"&gt;Remove&lt;/button&gt;&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;
  &lt;span id="val"&gt;&lt;/span&gt;</code></pre>
  </div>
  </div>
  </p>