如何使用表单中的值增加javascript中的值

Question

<html>
<script>
    function remain()
    {
        var k=0;
        var rem=<?php echo $count; ?>;
        var cap=document.getElementById("cap").value;
        var k=k+cap;
        var diff=rem-cap;

        document.getElementById("demo").innerHTML = diff;

    }
</script>
</html>

<html>
<form method="post" action="list.php" target="_blank">
    Enter the capacity:
    <input type="number" name="cap" id="cap"  min=1 max=36 onchange="remain()">
    <input type="submit" id="submit" value="get seating">
</form>
</html>

我的问题是：我将在 HTML 表单中输入容量。当我输入容量时，它将被定向到 javascript，并且必须通过从总计数中减去容量来显示剩余强度（例如：我输入容量为 36 并让计数为 100）。

现在上限 36 比 100 少，剩下的 64 将显示出来。但是当我再次输入上限 36 时，它应该比剩下的 64 少。但这并没有发生。

Answer 1

这样的？？提及容量后点击geat seat按钮。

var rem = 100

function remain() {
  var k = 0;
  var cap = document.getElementById("cap").value;
  var k = k + cap;
  rem = rem - cap;

  document.getElementById("demo").innerHTML = rem;
}

<form method="post" action="list.php" target="_blank">
  Enter the capacity:
  <input type="number" name="cap" id="cap" min=1 max=36>
  <input onclick="remain()" type="submit" id="submit" value="get seating">
</form>
<div id="demo"></div>