Javascript-更改数量时调整价格

我有一个表单可以将产品添加到用户需要选择数量的篮子中。我想在修改数量时调整价格。这是我的密码：

  <script>
  function increaseValue() {
    var value = parseInt(document.getElementById('quantity').value, 10);
    value = isNaN(value) ? 0 : value;
    value++;
    document.getElementById('quantity').value = value;
  }

  function decreaseValue() {
    var value = parseInt(document.getElementById('quantity').value, 10);
    value = isNaN(value) ? 0 : value;
    value < 1 ? value = 1 : '';
    value--;
    document.getElementById('quantity').value = value;
  }
  </script>

  <div class="quantity-container">
  <span>1</span> 
 <div class="value-button" id="decrease" onclick="decreaseValue()" value="Decrease Value">-</div> 
<input type="number" id="quantity" name="quantity" value="1" />
<div class="value-button" id="increase" onclick="increaseValue()" value="Increase Value">+</div>
</div>

函数increaseValue（）{
var value=parseInt（document.getElementById（'quantity'）。值，10）；
值=isNaN（值）？0：值；
值++；
document.getElementById（'quantity'）。value=value；
}
函数decreaseValue（）{
var value=parseInt（document.getElementById（'quantity'）。值，10）；
值=isNaN（值）？0：值；
值<1？值=1:“”；
价值--；
document.getElementById（'quantity'）。value=value；
}
1.
- 
+

我需要针对以下情况调整价格：

• 如果使用“增加”按钮增加数量
• 如果数量减少（但以$0.00价格防止零数量）
• 如果使用“数量”文本字段更新了数量

问题是价格在数字之间使用html显示，所以我不知道如何更新价格。我想我必须使用正则表达式？我不能只硬编码基本价格（本例中为15.49美元），因为价格从来都不一样（价格来自SQL DB）

$15.49

使用

ES6

的

模板文本（``）

。请尝试以下操作：

更多信息：

函数递增值（）{
var value=parseInt（document.getElementById（'quantity'）。值，10）；
值=isNaN（值）？0：值；
值++；
document.getElementById（'quantity'）。value=value；
价格='$'+'${p*value}`；
document.getElementById（'product-price'）。innerHTML=price；
}
函数decreaseValue（）{
var value=parseInt（document.getElementById（'quantity'）。值，10）；
值=isNaN（值）？0：值；
值<1？值=1:“”；
价值--；
document.getElementById（'quantity'）。value=value；
价格='$'+'${p*value}`；
document.getElementById（'product-price'）。innerHTML=price；
}
var p='15.49'；
var价格='$'+'${p}`；
document.getElementById（'product-price'）。innerHTML=price

1.
- 
+
使用
ES6
的
模板文本（``）
。请尝试以下操作：

更多信息：


函数递增值（）{
var value=parseInt（document.getElementById（'quantity'）。值，10）；
值=isNaN（值）？0：值；
值++；
document.getElementById（'quantity'）。value=value；
价格='$'+'${p*value}`；
document.getElementById（'product-price'）。innerHTML=price；
}
函数decreaseValue（）{
var value=parseInt（document.getElementById（'quantity'）。值，10）；
值=isNaN（值）？0：值；
值<1？值=1:“”；
价值--；
document.getElementById（'quantity'）。value=value；
价格='$'+'${p*value}`；
document.getElementById（'product-price'）。innerHTML=price；
}
var p='15.49'；
var价格='$'+'${p}`；
document.getElementById（'product-price'）。innerHTML=price

1.
- 
+
请参见与（例如）的组合，并参见与（例如）和的组合
<div id="product-price">
$15<sup>.49</sup>
</div>