用javascript计算

好的，我有这个html，我想用我输入的数字计算quantity*pricePerItem。 Thx提前

书店

请选择您的书籍
量
每件商品的价格
查看价格
支付金额：
$（文档）.ready（函数（）{
变量数量=$（“#数量”）；
var价格=$（“#价格区间”）；
$（“总计”）。文本（价格*数量）；
});`

$（文档）.ready（函数（）{
$（'button'）。在（'click'，function（）上{
var quantity=parseFloat（$（“#quantity”）.val（）；
var price=parseFloat（$（“#pricePerItem”）.val（）；
$（'#total'）.html（价格*数量）；
});
});

请选择你的书
量
每件商品的价格
查看价格
支付金额：
您的代码的问题在于

var quantity = $("#quantity");

您只是在变量数量中选择html输入元素，而不是获取输入元素的值

此外，您还必须在按钮上添加一个
事件侦听器
，以便在每次更改输入元素中的值时获取该值

请查找所附代码

$(document).ready(function(){
    $('button').click(function(){
        var quantity = $('#quantity').val()
        var price = $('#pricePerItem').val()
        var total = quantity*price;        
        $('#total').text(total);    
    });
});

你可以试试这个

HTML
有人能告诉我我做错了什么吗？
$(document).ready(function(){
    $('button').click(function(){
        var quantity = $('#quantity').val()
        var price = $('#pricePerItem').val()
        var total = quantity*price;        
        $('#total').text(total);    
    });
});

    <h3>Please select your books</h3>
    <div>
      <label for="quantity">Quantity</label>
      <input type="text" id="quantity" />
    </div>
    <div>
      <label for="quantity">Price per item</label>
      <input type="text" id="pricePerItem" />
    </div>
    <div>
      <button onclick="calculateTotal();">View price</button>
    </div>
    <div class="payment-info">Amount to pay: <span id="total"></span>
    </div>

   function calculateTotal() {
        var quantity = $("#quantity").text();
        var price = $("#pricePerItem").text();

        $("#total").text(quantity * price);
    }