话不多说,直接看代码
1.html部分
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>
<table cellpadding="4" cellspacing="2" id="table" border="1">
<tr>
<th colspan="5">简易购物车</th>
</tr>
<tr>
<td>商品名称</td>
<td>数量(件)</td>
<td>单价(美元)</td>
<td>运费(美元)</td>
<td><input type="button" value="合计" id="culute"/></td>
</tr>
<tr>
<td>道具</td>
<td><input type="text" id="num"/></td>
<td><input type="text" id="perice"/></td>
<td><input type="text" id="yunfei"/></td>
<td><input type="text" id="sum"/>美元</td>
</tr>
</table>
<script type="text/javascript" src="action.js"></script>
</body>
</html>
2.js部分
var button =document.getElementById("culute");
button.οnclick=function(){
var num=document.getElementById("num").value;
var perice=document.getElementById("perice").value;
var yunfei =document.getElementById("yunfei").value;
var sum =document.getElementById("sum");
sum.value=Number(num)*Number(perice)+Number(yunfei);
};
没有加注释,不懂的地方可以直接评论,有更好的方法也希望不吝赐教