无法计算 table 行的总和我已经从互联网上尝试了很多方法但没有

Question

我想构建从 api 获取数据的 tables 并且我成功了，所以我现在需要计算 table 行的数量并在下一行显示总数或在 span div 中没关系。我只需要如图所示的总数..

我已经尝试了很多解决方案来计算行，但结果总是为零或 NaN。我不确定我做错了什么，或者我只是在这段代码的某处犯了错误...如果可能的话，我将不胜感激你的意见或解决方案。

function statsYesterday() {
    $.getJSON('https://api.url, function(data) {
        var data, i, offer, creative, id, conversion, clicks, payout = "";
        for (i in data.response.data.data) {
        offer += "<table><tr><td>" + data.response.data.data[i].Offer.name + "</td></tr></table>";
        creative += "<table><tr><td>" + data.response.data.data[i].OfferUrl.name + "</td></tr></table>";
        id += "<table><tr><td>" + data.response.data.data[i].Stat.affiliate_info1 + "</td></tr></table>";
        conversion += "<table><tr><td>" + data.response.data.data[i].Stat.conversions + "</td></tr></table>";
        clicks += "<table><tr><td>" + data.response.data.data[i].Stat.clicks + "</td></tr></table>";
        //this code reduce payout by 20%
        var num = parseFloat(data.response.data.data[i].Stat.payout);
        var val = num - (num * .20);
        payout += "<table><tr><td> &euro; " + val + "</td></tr></table>";

        
        });
        //end reduce code
        //this is how code look like without reducing percentage
        //payout += "<table><tr><td>" + data.response.data.data[i].Stat.payout + "</td></tr></table>";
        
        

        document.getElementById("offer_name").innerHTML = offer;
        document.getElementById("creative_name").innerHTML = creative;
        document.getElementById("id_name").innerHTML = id;
        document.getElementById("converion_name").innerHTML = conversion;
        document.getElementById("clicks_name").innerHTML = clicks;
        document.getElementById("payout_name").innerHTML = payout;
        
    };
    });
    };

<body>

<div class="container">
  
  <br><br><button onclick="statsYesterday()" style="background-color: #4CAF50;border: none;color: white;padding: 16px 32px;text-align: center;text-decoration: none;display: inline-block;font-size: 16px;margin: 4px 2px;transition-duration: 0.4s;cursor: pointer;">Yesterday</button> &nbsp; &nbsp; &nbsp; <button onclick="statsToday()" style="background-color: #4CAF50;border: none;color: white;padding: 16px 32px;text-align: center;text-decoration: none;display: inline-block;font-size: 16px;margin: 4px 2px;transition-duration: 0.4s;cursor: pointer;">Today</button> &nbsp; &nbsp; &nbsp; <button onclick="statsLastWeek()" style="background-color: #4CAF50;border: none;color: white;padding: 16px 32px;text-align: center;text-decoration: none;display: inline-block;font-size: 16px;margin: 4px 2px;transition-duration: 0.4s;cursor: pointer;">Last Week</button>
    <br><br>
  <table class="table" id="table">
    <thead>
      <tr>
        <th>Offer</th>
        <th>Creative</th>
        <th>SubID</th>
        <th>Conversion</th>
        <th>Clicks</th>
        <th>Payout</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td id="offer_name"></td>
        <td id="creative_name"></td>
        <td id="id_name"></td>
        <td id="converion_name"></td>
        <td id="clicks_name"></td>
        <td id="payout_name" style="padding-top:30px;"></td>
      </tr>
    </tbody>
  </table>
  <br><br>
</div>

</body>

Answer 1

将值压入一个数组，然后您可以稍后对它们执行加法像这样

values=[]
//... your code 
 var num = parseFloat(data.response.data.data[i].Stat.payout);
        var val = num - (num * .20);
         values.push(val)

然后您可以简单地遍历数组并添加值

 let total=values.reduce((acc,curr)=>acc+curr)
  document.getElementById("total").textContent=total

无法计算 table 行的总和我已经从互联网上尝试了很多方法但没有

Can't calculate the sum of table rows I've tried many ways from the internet but nothing

html

javascript

jquery

rows

calculated-columns

无法计算 table 行的总和 我已经从互联网上尝试了很多方法但没有

Can't calculate the sum of table rows I've tried many ways from the internet but nothing

html

javascript

jquery

rows

calculated-columns

无法计算 table 行的总和我已经从互联网上尝试了很多方法但没有