计算器（1）

最新推荐文章于 2023-03-15 09:13:35 发布

hai_zai

最新推荐文章于 2023-03-15 09:13:35 发布

阅读量416

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript

本文链接：https://blog.youkuaiyun.com/hai_zai/article/details/45079811

javascript 专栏收录该内容

12 篇文章

订阅专栏

本文介绍了一个简单的购物车计算器实现方案，通过HTML与JavaScript结合完成基本的商品价格计算功能，包括商品数量、单价及运费在内的总费用计算。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<link href="jsq.css" type="text/css" rel="stylesheet" />
<script type="text/javascript">
function sum(){
var amount = parseInt(document.getElementById("amount").value);

var price = parseInt(document.getElementById("price").value);

var money = parseInt(document.getElementById("money").value);

//合计
alert(typeof(amount));
var sum=amount*price+money;
document.getElementById("sum").value=sum;
}
</script>
</HEAD>

<BODY>
<table border="1" bgcolor="pink" >
<tr>
<th colspan="5">简易购物车</th>
</tr>
<tr>
<td >商品名称</td>
<td>数量（件）</td>
<td>单价（元）</td>
<td>运费（元）</td>
<td ><input type="button" value="合计" onclick="sum()"/></td>
</tr>
<tr>
<td>跑跑道具</td>
<td><input type="text" id="amount"/></td>
<td><input type="text" id="price"/></td>
<td><input type="text" id="money"/></td>
<td><input type="text" id="sum" readonly/>人民币</td>
</tr>
</table>
</BODY>
</HTML>