js——論購物車的應用原理
<html>
<head>
<title>購物車</title>
<meta charset="UTF-8">
</head>
<body>
<input type="button" value="上衣" onclick="rest(this.value)">
<input type="button" value="褲子" onclick="rest(this.value)">
<p id="c"></p>
</body>
</html>
<script>
var arr=[]; //創建數組
var mun=[]; //創建數組
function rest(x){
var n; //創建一個變量,用來儲存數據
f=0; //標識法
for(i in arr){ //遍歷數組
if(arr[i]==x){
f=1;
n=i;
}
}
if(f){
mun[n]+=1;
}else{
arr.push(x);
mun.push(1);
}
document.getElementById("c").innerHTML="";
for(z in arr){
document.getElementById("c").innerHTML+=arr[z]+":"+mun[z]+"<br>";
}
}
</script>
方法:重點用數組和push(),標識法等構建購物車核心
寫於2017/11/29
js——論購物車的應用原理