javascript開發(fā)購物車之布局
首先，我們要了解我們需要做成什么樣的功能
簡易購物車的制作，表格內(nèi)有單價，數(shù)量的加減，然后有一個總價，當(dāng)我們點(diǎn)擊加減，總價會變化
下面我們來看以下html布局 代碼如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
table{width:350px;border:1px solid #eee;text-align:center;}
.tr2{height:50px;}
input{width:30px;height:20px;text-align: center;}
a{text-decoration:none}
</style>
</head>
<body>
<table cellspacing="0" cellpadding="0" border="1">
<tr>
<th>名稱</th>
<th>單價</th>
<th>數(shù)量</th>
<th>總價</th>
</tr>
<tr class="tr2">
<td>手表</td>
<td id="td">1999</td>
<td>
<a href="#" id="a1" class="tp1">-</a>
<input type="text" value="1" id="id">
<a href="#" id="a2" class="tp2">+</a>
</td>
<td id="td2">1999</td>
</tr>
</table>
</body>
</html>如上代碼，小伙伴們可以看到文本框倆側(cè)有加減號，然后小伙伴們看 id='td' 的單元格，里面有一個1999，這是默認(rèn)值，單價
id="td2" 的單元格中是用來存放總價格
