Javascript 达到最大值时范围和阻塞范围的总和Int

因此，我正在尝试一个脚本的角色生成器的RPG和希望人们设置他们的统计数据。这些统计数据可以从1到10。用户使用常规HTML范围来设置它们。我总结这些，直到用户达到18分。这里的问题是，我不知道如何阻止愤怒上升，当18分被击中。 我将统计数据汇总如下：

<fieldset id="attribute" oninput="streight.value=parseInt(staerke.value);wisdom.value=parseInt(weisheit.value);agility.value=parseInt(geschick.value);APWert.value=parseInt(staerke.value)+parseInt(weisheit.value)+parseInt(geschick.value)+' / 36'">
                    <legend>Attribute</legend>
                        <label for="staerke">Stärke</label>
                        <input type="range" id="staerke" value="1" min="1" max="10">
                        <output name="streight" for="staerke">1</output>

                        <label for="weisheit">Weisheit</label>
                        <input type="range" id="weisheit" value="1" min="1" max="10">
                        <output name="wisdom" for="weisheit">1</output>

                        <label for="geschick">Geschick</label>
                        <input type="range" id="geschick" value="1" min="1" max="10">
                        <output name="agility" for="geschick">1</output>

                        <output name="APWert" id="APWert" for="ap">3 / 18</output>
</fieldset>

属性
斯塔克
1.
魏斯海特
1.
格希克
1.
3/18

这是对范围输入的值进行计数，求和并在输出中显示它们，而无需重新加载页面。但我不知道当达到最大值18时如何停止量程输入。

---

我真的非常感谢您的帮助。

如果每次更改三个输入中的任何一个输入时都运行验证，您可以做些什么。它看起来像这样：

HTML格式的

<input type="range" id="staerke" value="1" min="1" max="10" onchange ="value_changed()">
<input type="range" id="weisheit" value="1" min="1" max="10" onchange ="value_changed()">
<input type="range" id="geschick" value="1" min="1" max="10" onchange ="value_changed()">

---

它看起来很简单，但不知怎么的，它只是提醒所有的时间。即使我只是触摸范围，警报也会弹出。所以输入应该是一次更改。。。这应该不那么麻烦了，我知道下一个问题是，它不会对值求和，但concatenatesI给人的印象是range的.val（）在jquery中返回整数。但解决这个问题非常简单。当我发现为什么parseInt对我不起作用（只是弄乱了一些统计数据）并且一切正常后，就使用parseInt（）！多谢各位！

function value_changed(){
   //pull in the three values
   var staerke_value = parseInt($("#staerke").val());
   var weisheit_value = parseInt($("#weisheit").val());
   var geschick_value = parseInt($("#geschick").val());

   if((staerke_value + weisheit_value + geschick_value ) > 18 ){
     //if you are out of the range alert the user
     alert("you messed up!");
   }
}