如何在javascript中增加表单中的值

how to increment value in javascript with the value from the form

本文关键字:表单 增加 javascript      更新时间:2023-09-26
<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将显示。但是,当我再次进入帽顶时,它应该比剩下的64少。但事实并非如此。

像这样??在提到容量后点击大座位按钮。

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>