码迷,mamicode.com
首页 > Web开发 > 详细

js——论购物车的应用原理

时间:2017-11-29 21:54:35      阅读:247      评论:0      收藏:0      [点我收藏+]

标签:char   bsp   col   func   数组   type   click   原理   for   

<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——论购物车的应用原理

标签:char   bsp   col   func   数组   type   click   原理   for   

原文地址:http://www.cnblogs.com/xs1597833041/p/7922687.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!