Question

我有一张包含物品，价格和数量的表格。我希望用户获得数量，然后用户点击总费用，总价格将显示在旁边的框中。我想要这个javascript代码的帮助。我很困惑如何为这些单元格提供类或id并为其编写javascript。

  	
	
<table width="300" border="2" cellspacing="2" cellpadding="3" ><tbody> 
  <tr><th scope="col">Menu </th> <th scope="col">Price</th> <th scope="col">Quantity</th> </tr>
  <tr> <td>Shirt</td> <td>$ 12.99</td> <td><input type="text"></td> </tr>
  <tr> <td>Jeans</td> <td>$ 10.99</td> <td><input type="text"></td> </tr>
  <tr> <td>Jacket</td> <td>$ 20.25</td> <td><input type="text"></td> </tr> 
</tbody></table> 
<div> 
  <input type="button" value="Total Cost"> <input type="text"> 
</div>

Answer 1

我同意Leon的观点，你应该阅读指南如何写一个问题，但这里有一些东西可以帮助你开始：

<!DOCTYPE html>
<html>
<body>

Price: <input type="text" id="price" value="">
Quantity: <input type="text" id="quantity" value="">

<button onclick="calcPrice()">Calculate</button>

Total cost: <input type="text" id="cost" value="">


<script>
function calcPrice() {
    var price = document.getElementById("price").value;
    var quantity = document.getElementById("quantity").value;

    var cost = price * quantity;
    document.getElementById("cost").value = cost;
}
</script>

</body>
</html>

任何人都可以帮助我使用JavaScript代码

1 个答案: