內置計算器的HTML/Javascript表格

Question

我得到了這個表格內置的計算器功能，從table的不同部分中選擇，並在最後添加了所有東西。但我的問題是，如果我用裏面的字母而不是數字打了一個正方形，計算器就會中斷，我該如何解決它？

如何使第一個包含信息（汽車名稱）不可點擊，並且只有前5個方格。 表代碼：

<table> 
     <tr> 
     <th bgcolor="b8cce4">Modell</td> 
      <th>Trend</td> 
      <th>Titanum</td> 
       <th>Familiepakke</td> 
       <th>Førerassistentpakke</td> 
        <th>Stilpakke</td> 
        <th>Sluttpris</td> 
     </tr> 
     <tr> 
     <td bgcolor="b8cce4"><b>Kuga</b></td> 
     <td>401000</td> 
     <td>420000</td> 
     <td>1000</td> 
     <td>10200</td> 
     <td>9200</td> 
     <td>kr</td> 
     </tr> 
     <tr> 
     <td bgcolor="b8cce4"><b>C-max</b></td> 
     <td>320000</td> 
     <td>335000</td> 
     <td>1000</td> 
     <td>9400</td> 
     <td>3600</td> 
     <td>kr</td> 
     </tr> 
     <tr> 
     <td bgcolor="b8cce4"><b>Focus</b></td> 
     <td>255000</td> 
     <td>325000</td> 
     <td>900</td> 
     <td>12500</td> 
     <td>9000</td> 
     <td>kr</td> 
     </tr> 
     <tr> 
     <td bgcolor="b8cce4"><b>Mondeo</b></td> 
     <td>281000</td> 
     <td>361000</td> 
     <td>1100</td> 
     <td>9900</td> 
     <td>7200</td> 
     <td>kr</td> 
     </tr> 

腳本：

(function() { 
     var tds = document.querySelectorAll('tr td:not(:last-child)'); 
     for (var td in tds) { 
     tds[td].addEventListener('click', function(evt) { 
      evt.target.classList.toggle('selected'); 
      var total = 0; 
      var parentTr = evt.target.parentNode; 
      var selected = parentTr.querySelectorAll('.selected'); 
      for (var k in selected) { 
      if (selected[k].innerText) { 
       total += parseInt(selected[k].innerText); 
      } 
      } 
      parentTr.querySelector('td:last-child').innerText = total; 
     }); 
     } 
    })(); 

Answer 1

在你的循環，測試以查看它是否是一個數字字段，然後才處理它：

if ((selected[k].innerText) && (/^\d+$/.test(selected[k].innerText))) { 
    total += parseInt(selected[k].innerText); 
}