Javascript 单击5次后限制总和值

我有一个表，其中包含一些值，如果我想添加所有这些值，我需要加起来不超过100。我想在sum=100后禁用单元格不可点击。更多超过我想要的点击次数最多5次。我的小提琴

10
15
30
50
20
50
总数：

这里有一种方法

let sum=0；
点击次数=0；
$sum=$（“.sum”）；
$clicks=$（“#clicks”）；
$（“.combat”）。在（“单击”，函数（）{
如果（单击>=5）返回；
点击次数+=1；
$clicks.text（`clicks:${clicks}`）；
const$this=$（this）；
const val=parseInt（$this.text（））；
如果（sum+val一个简单的练习，迭代单元格，获取它们的数量，如果总数超过100，则添加它并向单元格应用一个类。不完全确定您想要单击什么，等等-因为td通常不是一个单击的元素，所以我只需应用一个类和样式来显示超过100个限制的单元格-从那里您可以执行以下操作：uff随你的便

请注意，对于这样一个简单的过程，您不需要jquery—了解更新的document.querySelector和document.queryselectoral

如注释中所示-请尝试显示您尝试过的工作代码


var总计=0；
var cells=document.queryselectoral（“.batch”）；
单元格。forEach（函数（单元格）{
var cellNum=parseInt（cell.innerText）；
总+=细胞数；
如果（总数>100）{cell.classList.add（'over100'）}
})
document.querySelector（'.sum'）。innerHTML='sum:'+total；
td.over100{颜色：红色}

10
15
30
50
20
50
总数：
请与我们分享一些代码，以帮助您处理您的请求。我在您的代码笔中没有看到任何您自己尝试过这样做的尝试？您想每列数到一百还是总共数到一百？知道您是初学者，请先尝试制作完整的HTML，并尝试使用一些jquery，一个清晰的视觉效果，我们可以帮助您soon@JanAnd总共是ersen。我希望我的div“sum”的结果应该是100。，并在总共100次或5次点击后禁用…感谢兄弟的友好回复，实际上我是该领域的初学者。我将遵循你的建议。
<div class="container">
<table>

    <tbody>
        <tr>
            <td class="combat">10</td>
            <td class="combat">15</td>
            <td class="combat">30</td>

        </tr>
        <tr>
            <td class="combat">50</td>
            <td class="combat">20</td>
            <td class="combat">50</td>

        </tr>

    </tbody>
</table>

  <div class="sum">sum:</div>
</div>