1. 程式人生 > >js——論購物車的應用原理

js——論購物車的應用原理

del func click 原理 遍歷數組 val p s 應用 購物車

<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——論購物車的應用原理