Javascript 使用输入更改不同div上的价格

因此，我一直在尝试不同的小提琴，以便在使用+/-按钮修改数量时更新价格。 问题是，我试过的每一把小提琴在div之外都很有用，div就是格式化按钮和数量输入。 有没有想过让它在div内部工作

以下是我的html和脚本：

<div class="col-lg-6 product-details">
    <label class="p-title" style="font-size: 2.4em; font-weight: 300">
        Product Name
    </label>
    <h3 class="p-price" style="color: #21823C; font-size: 2.4em; font-weight: 300; font-style: italic">&#8364;<span id="totalCost">6.90</span></h3>
      <div class="pro-qty">
         <input id="Quantity" tabindex="1" required type="number" value="1" name="quantity" min="1" max="100" step="1">
      </div>
      <div class="quantity col-4">
        <a href="#" class="site-btn" style="margin-top: 9px">ADD TO CART</a>
      </div>        
    </div>
 </div>

    <script>

        $(function ($) {
            var options = {
                minimum: 1,
                maximize: 100,
                onChange: valChanged,
                onMinimum: function(e) {
                    console.log('reached minimum: '+e)
                },
                onMaximize: function(e) {
                    console.log('reached maximize'+e)
                }
            }
            $('#handleCounter').handleCounter(options)
            $('#handleCounter2').handleCounter(options)
            $('#handleCounter3').handleCounter({maximize: 100})
        })
        function valChanged(d) {
    //            console.log(d)
        }
    </script>

品名
€6.90
$（函数（$）{
变量选项={
最低限额：1，
最大化：100，
onChange:valchange，
onMinimum：函数（e）{
console.log（'达到最小值：'+e）
},
onmax：函数（e）{
console.log（'reacted'+e）
}
}
$（“#handleCounter”）。handleCounter（选项）
$（'#handleCounter 2'）。handleCounter（选项）
$（'#handleCounter 3'）。handleCounter（{maximize:100}）
})
功能更改（d）{
//控制台日志（d）
}

您是否尝试了

$（'#mydiv'）。文本（值）？此代码不完整。不会在div内部或外部执行任何操作。不确定问题是什么。请分享一个工作示例和您遇到的错误/问题。对于丢失的代码，很抱歉，您可以在simplythe.lu/product.html中查看网站。计数器工作正常，但价格未更新，无法尝试其外观。谢谢