寫一個簡易的購物車
阿新 • • 發佈：2019-01-10
話不多說，直接看程式碼1.html部分
2.js部分<!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>
沒有加註釋，不懂的地方可以直接評論，有更好的方法也希望不吝賜教var button =document.getElementById("culute"); button.onclick=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); };