Membangunkan kesan penambahan dan penolakan
bahagian html kod:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>购物车加减</title>
<style type="text/css">
a{
text-decoration: none;display:block;width:30px;height:30px;
background:#eee;line-height:30px;font-weight:bolder;
}
.body{width:500px;height:300px;background:#ccc;margin:0 auto;text-align:center;padding:80px;}
#a1{float:left;margin-right:20px;margin-top:2px;text-align:center;}
form{float:left;}
form input{width:40px;height:30px;border:1px solid #eee;text-align:center;}
#a2{float:left;margin-left:20px;margin-top:2px;text-align:center;}
</style>
</head>
<body>
<div>
<a href="#" id="a1">-</a>
<form>
<input type= "text" value="1" id='id'>
</form>
<a href="#" id="a2">+</a>
</div>
</body>
</html>Mula-mula kita perlu mendapatkan nilai input dalam borang, iaitu 1
var input = document.getElementById ('id').value;
disimpan dalam pembolehubah
Apabila tanda tolak diklik, kodnya adalah seperti berikut: = function(){
getElementById('id').value>1){ }lain{
document.getElementById('id').
document.getElementById('a2').onclick = function(){
if(isNaN(document.getElementById('id').value)){
alert("Sila masukkan nombor") ;
v1= melalui v1=parseInt(v1);
melalui document.getElementById('id').nilai =
var id = document.getElementById('id').value; ");
document.getElementById ('id').value = 1;
kembali palsu; rreeee
Dengan cara ini kita boleh capai shopping Kesan tambah dan tolak nombor kereta
