实时从输入中获取值答案

【问题标题】：Obtain value from an input in real time实时从输入中获取值
【发布时间】：2021-12-30 23:29:41
【问题描述】：

我正在尝试实时获取输入的值，但无法获取

我正在尝试在底部按钮中，第一个 X 是上面输入中指定的胡萝卜数量，第二个 X 是一个数字在脚本中实时计算（如果输入数字改变，底部的数字会自动改变）但为此我需要一种实时获取输入值的方法 p>

这是代码，我使用 express-handlebars 和 Bootstrap 作为样式和类

<div class="col-md-auto mx-auto">
   <h3 class="text-center">Buy</h3>
   <form action="/dashboard/" method="POST">
      <div class="form-group">
         <input type="number" id="buyA" min="3"class="form-control" name="buyA" placeholder="Amount">
         <div class="d-grid gap-2">
            <button class="btn btn-success">Buy X Things X</button>
         </div>
      </div>
      <input type="hidden" id="buy" name="buy" value="buy">
   </form>
</div>

我尝试过的脚本之一是这个，但它没有显示任何内容，我只是把它放在 X 的位置（我是 HTML 的新手），也就是说，而不是X 我只是把那个 Script 放在希望得到它的价值

<script>
    let buyAmount = document.getElementById('buyFormAmount').value;
    if (!buyAmount || <= 0) = "?";
    return buyAmount;
</script>

【问题讨论】：

“我尝试过脚本和各种东西” - 你能分享一些吗？我们可以尝试从那里开始工作。
@LeninRajRajasekaran 当然，我刚刚通过添加我测试过的东西之一进行了编辑

标签： javascript html bootstrap-5 express-handlebars hbs

【解决方案1】：

您需要在输入字段上添加一个事件监听器，请参见下面的示例。

var x = document.getElementById('txt');
x.addEventListener('input', function(){
    document.getElementById("myBtn").innerHTML="Buy "+x.value+" Rabbits by "+ x.value+" Carrots"
});

<input type="text" id="txt" name="txt" value="" >
<button id="myBtn" value="myvalue" >Try it</button>

【讨论】：

【解决方案2】：

您需要创建将在 id buyForm 的输入更改时调用的函数。在该函数中，您需要获取输入值，计算“第二个X”，并为span HTML 元素设置内部html，这些元素应该在您的btn btn-success 类按钮中。

【讨论】：

谢谢，如果你能给出一个实际的例子就更好了，请