所以我在HTML中有3个输入框

<input type="number" id="geoOnePercentage" placeholder="Geo 1 Percentage" />
<input type="number" id="geoTwoPercentage" placeholder="Geo 2 Percentage" />
<input type="number" id="geoThreePercentage" placeholder="Geo 3 Percentage" />

我想做的是，当用户在这些输入框中键入时，继续检查如果它们的总数超过100，一旦用户键入的值使总数超过100，就重置表单。
例如，用户在第一个输入框中输入50，这没问题。然后用户在下一个输入框中输入40，这也没问题，但是如果用户输入了15这样的值，使得所有输入框的值的总和超过，则重置所有3个输入框的值。
但是，我不知道如何做到这一点。我已经了解了一点关于onkeydown事件的事情在JavaScript中，但它不是像我预期的那样工作。
如果有人能告诉我如何做到这一点，我将非常感激。