一个简单的购物车

原创 雪泪交织的幸福 随笔 js随笔 261阅读 2018-05-29 16:16:04 举报

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<ul>
<li>袜子</li>
<li>裤子</li>
<li>鞋子女</li>
<li>帽子</li>
</ul>
<div id="car">
<h1>购物车</h1>
</div>
</body>
<script type="text/javascript">
gg_number=[];
g_name=[];
var o;
var f=[];
var ll=document.getElementsByTagName("li");
for(var i=0;i<ll.length;i++){
f.push(0);
ll[i].onclick=function(){
var gname=this.innerHTML;
var ge=document.createElement('p');
if(g_name.indexOf(gname)==-1)
{
g_name.push(gname);
gg_number.push(1);
// alert(g_name);
// alert(gg_number);
}
else
{
var g=o=g_name.indexOf(gname);
gg_number[g]++;
// alert(gg_number);
}
o=g_name.indexOf(gname);
if(f[o]==0){
ge.innerHTML=g_name[o]+"<span id='number"+o+"'></span>";
document.getElementById("car").appendChild(ge);
number=document.getElementById("number"+o);
number.innerHTML=gg_number[o];
f[o]=1;
}
else{
number=document.getElementById("number"+o);
number.innerHTML=gg_number[o];
}

    }
}

</script>

</html>

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复