Javascript 在文本输入条件下填充只读输入

对JS来说比较新。我找到的其他答案在这里似乎不适合我

我试图获取一个文本输入值[type=“number”]，使用“for”循环匹配该值，并填充一个只读输入，以显示价格[基于输入的单位数]

很多次

用户输入字段：

<input class="form-control" name="input-users" id="input-users-bus" type="number" value="" onfocus="this.value = '' " onchange="calcUsers()" />

<input class="sum-price" name="sum" id="sum-price-bus" type="number" value="" onfocus="this.value = '' " readonly/>

脚本（正在播放）：

var-inputUsersBus=document.getElementById（'input-users-bus'）。值；
函数计算器（）{
对于（x=0；x这里有一个解决您问题的实现。每当
input users bus
更改价格时，使用
getElementById（'input-users-bus'）获取该值。值
乘以价格变量。然后将只读字段
sum price bus
的值设置为结果

<input class="form-control" name="input-users" id="input-users-bus" type="number" value="" onchange="calcUsers()" />
<input class="sum-price" name="sum" id="sum-price-bus" type="number" value="" readonly/>

<script>
var price = 5.00; // Acquire this price from whatever source you'd like    
function calcUsers() {
  var users = document.getElementById('input-users-bus').value;
  var result = users * price;
  document.getElementById('sum-price-bus').value = result;
}
</script>


var price=5.00；//从您想要的任何来源获取此价格
函数计算器（）{
var users=document.getElementById（'input-users-bus'）。值；
var结果=用户*价格；
document.getElementById（'sum-price-bus'）。值=结果；
}
因此，
输入用户总线
中指定的数字决定了用户需要输入的输入字段的数量？例如，如果用户在
输入用户总线
字段中输入了
5
，那么他们必须输入5个价格值，这些值将在
总和价格总线
中求和并输出？不完全正确我在这里试图做的是获取“input users bus”的输入，例如，如果该值为“5”，则“sum price bus”的输出需要为“5”。[稍后我将使用计算器显示实际价格]。
<input class="form-control" name="input-users" id="input-users-bus" type="number" value="" onchange="calcUsers()" />
<input class="sum-price" name="sum" id="sum-price-bus" type="number" value="" readonly/>

<script>
var price = 5.00; // Acquire this price from whatever source you'd like    
function calcUsers() {
  var users = document.getElementById('input-users-bus').value;
  var result = users * price;
  document.getElementById('sum-price-bus').value = result;
}
</script>