Javascript 如何使用此表单查看、计算和显示总价？

HTML:

---

我不熟悉编码和Javascript。我希望按钮可以工作，但不需要PHP，只需Javascript修改html，将跨度更改为：

<div class="simpleCart_shelfItem">
    <img src="image/frod001.gif" alt="" />
    <p class="item_name">Fishing rod model 001</p>
    <span class="item_price">BND $189.95</span><br/>            
    Qty: <input type="text" class="item_quantity" value="1" style="width:20px;"/><br/>
    <input type="button" onclick="calculateText();" value="add to cart" />
</div> 

试试这个：

Javascript

---

点击按钮时，您到底想要什么？您可以指定您的要求吗？您可以使用jQuery吗？它比纯javascript更容易学习，而且大大减少了输入量……到目前为止，您做了哪些尝试？您的javascript在哪里？您遇到了哪些错误/问题？不要期望人们从头开始为您编写完整的函数。这是一个错误的地方，比如请，做我的家庭作业。@gibberish我不建议在不学习普通Javascript的情况下开始使用jQuery。我如何在文档中调用它。write？对于总价，您希望何时执行此代码？页面加载时？您可以从html中的任何位置调用此函数，只需将：calculateText更改alerttotal:$+total写入document.writetotal:$+total，然后将calculateText放入html中。但是我所有的页面都消失了，只有总价出现了什么问题？如果你想在同一页面中显示价格，那么在按钮旁边添加一个文本框/标签，并在其中打印总价。

<span class="item_price">BND <label id="price">189.95</label></span><br/> 

function calculateText(){
var price=document.getElementById("price").innerText
var quantity=document.getElementsByClassName("item_quantity")[0].value
var total=price*quantity
alert("total: $"+total)

}

<div class="simpleCart_shelfItem">
    <img src="image/frod001.gif" alt="" />
    <p class="item_name">Fishing rod model 001</p>                                  
    <span class="item_price">BND $189.95</span><br/>                                
    Qty: <input type="text" class="item_quantity" value="1" style="width:20px;"/><br/>
    <input type="button" onclick="javascript:calculateText();" id="calculateText" value="add to cart" />                          
</div>  

$("#calculateText").on("click", function(){
    var price = $(".item_price").text();
    var priceSplit = price.split("$");
    var realprice = parseFloat(priceSplit[1]);
    alert(realprice);
    var quantity = $(".item_quantity").val();
    alert(realprice*quantity);
});

function calculateText(){
    var price = document.getElementsByClassName("item_price")[0].innerHTML;
    var priceSplit = price.split("$");
    var realprice = parseFloat(priceSplit[1]);
    var quantity = document.getElementsByClassName("item_quantity")[0].value;
    alert(realprice*quantity);
}