javascript - このフォームで合計金額を表示、計算、表示するにはどうすればよいですか?

Question

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が初めてです。ボタンを機能させたいが、PHP を使用せずに Javascript のみを使用する

Answer 1

HTML を変更し、スパンを次のように変更します。

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

そしてjs：

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

}