购物是女人的天堂，男人的地狱，不了解清楚万一以后被坑了，男人躲哪里后悔去，做这样一个web购物网站，买了货死活回不来，让双十一的女人们过过瘾

购物结算系统，尝尝无限支付的快了吧
弄一个给自己老婆连接这么一个页面，永远成功就是收不到货，风烛残年也算一段惊心动破的回忆呀
还等什么学起来

主要：
数学算术
逻辑推理
知识掌握
要感兴趣

css就是个标签加上朴实的衣服，变得没那么死板

   *{list-style: none;}.an{width:100%;}.an1{width:960px;height:80px;margin:0 auto;}.wu2{width:50px;height:50px;float:left;background:#CCC;text-align: center;line-height: 50px;}.wu21{width:50px;height:50px;float:left;background:#CCC;text-align: center;line-height: 50px;}.wu3{width:50px;height:50px;float:left;background:#f2f2f2;text-align: center;line-height: 50px;}.wu4{width:50px;height:50px;float:left;background:#CCC;text-align: center;line-height: 50px;}.wu41{width:50px;height:50px;float:left;background:#CCC;text-align: center;line-height: 50px;}.wuwu{width:45px;height:40px;border:none;background:#f2f2f2;text-align: center;line-height: 50px;}.wu5{width:80px;height:50px;float:left;text-align: center;line-height: 50px;margin-left:50px;}.wu6{width:50px;height:50px;float:left;text-align: center;line-height: 50px;}.wocao{margin-left: 50px;float:left;width:75px;height:50px;text-align: center;line-height: 50px;font-size: 15px;font-weight: bold;color:#f2f2f2;background:#CCC;}

body中就是一个一个的盒子，层次分明，运用基础的HTML

 <div>全选<input type="checkbox" onclick="s()" id="check" /></div><div class="an"><div class="an1"><ul class="wu1"><li class="wu2" onclick="dd()">+</li><!-- 加号 --><li class="wu3"><input type="text" value="1" class="wuwu" /></li><li class="wu4" onclick="bb()">-</li><!-- 减号 --></ul><span style="color:red;" class="wu5">单价：￥</span><div class="wu6" style="color:red;" id="danj">24.50</div><span style="color:red;" class="wu5">总价：￥</span><div class="wu6" style="color:red;" id="money">24.50</div><input type="checkbox" value="1" name="ids" class="aiai"/><div class="wocao" onclick="ss(this)">删除</div></div><div class="an1"><ul class="wu1"><li class="wu21" onclick="dd1()">+</li><!-- 加号 --><li class="wu3"><input type="text" value="1" class="wuwu" /></li><li class="wu41" onclick="bb1()">-</li><!-- 减号 --></ul><span style="color:red;" class="wu5">单价：￥</span><div class="wu6" style="color:red;" id="danj1">24.50</div><span style="color:red;" class="wu5">总价：￥</span><div class="wu6" style="color:red;" id="money1">24.50</div><input type="checkbox" value="1" name="ids" class="aiai" id="aaa" /><div class="wocao" onclick="ss(this)">删除</div></div></div><div class="an"><div class="an1"><div class="wu5" style="color:red;">结算：￥</div><div  class="wu5" style="color:red;" id="money2">49.00</div></div></div>

script中，主要运用innerHTML,寻找节点，条件判定

   var wu2 = document.getElementsByClassName("wu2")[0];var wu4 = document.getElementsByClassName("wu4")[0];//加function dd(){wux = wu2.nextElementSibling.firstElementChild;//返回下一个节点的首个子节点wux.value = parseInt(wux.value)+1;//点击加号加1var a = danj.innerHTML;var m = parseFloat(a);var s1 = money1.innerHTML;var q1 = parseFloat(s1);money.innerHTML = parseFloat(wux.value*m).toFixed(2);var s = money.innerHTML;var q = parseFloat(s);money2.innerHTML = parseFloat(q1+q).toFixed(2);}//console.log(wux.value);//加号调试框结果//减function bb(){wus = wu4.previousElementSibling.firstElementChild;//返回上一个节点的首个子节点wus.value = parseInt(wus.value)-1;//点击减号减1var a = danj.innerHTML;var m = parseFloat(a);var s1 = money1.innerHTML;var q1 = parseFloat(s1);if(wus.value<0){wus.value = 0;}//if循环  减号最低不允许是零   给input里的value赋值为1money.innerHTML = parseFloat(wus.value*m).toFixed(2);var s = money.innerHTML;var q = parseFloat(s);money2.innerHTML = parseFloat(q1+q).toFixed(2);}//consloe.log(wus);//减号调试框结果var wu21 = document.getElementsByClassName("wu21")[0];var wu41 = document.getElementsByClassName("wu41")[0];function dd1(){wux = wu21.nextElementSibling.firstElementChild;//返回下一个节点的首个子节点wux.value = parseInt(wux.value)+1;//点击加号加1var a = danj1.innerHTML;var m = parseFloat(a);var s = money.innerHTML;var q = parseFloat(s);                                            //转化浮点型money1.innerHTML = parseFloat(wux.value*m).toFixed(2);          //实现交汇，保留小数点后两位var s1 = money1.innerHTML;var q1 = parseFloat(s1);money2.innerHTML = parseFloat(q1+q).toFixed(2);                 //总值返回html}//console.log(wux.value);//加号调试框结果//减function bb1(){wus = wu41.previousElementSibling.firstElementChild;//返回上一个节点的首个子节点wus.value = parseInt(wus.value)-1;//点击减号减1var a = danj1.innerHTML;var m = parseFloat(a);var s = money.innerHTML;var q = parseFloat(s);if(wus.value<0){                                               //判定商品个数不少于0wus.value = 0;}//if循环  减号最低不允许是零   给input里的value赋值为1money1.innerHTML = parseFloat(wus.value*m).toFixed(2);var s1 = money1.innerHTML;var q1 = parseFloat(s1);money2.innerHTML = parseFloat(q+q1).toFixed(2);}function s(){var check=document.getElementById("check");if(check.checked==true){var ids=document.getElementsByName("ids");                        //寻找ids类名for(var i=0;i<ids.length;i++){ids[i].checked=true;                                      //选框判定，定义全部选中}}else{var ids=document.getElementsByName("ids");for(var i=0;i<ids.length;i++){ids[i].checked = false;                                    //else（否则）全部为false（不选中）}}}function ss(obj){var ids=document.getElementsByName("ids");for(var i=0;i<ids.length;i++){var r = confirm("确定要删除物品吗?");if(r==true && ids[i].checked==true){                //判定选中，并且确定删除var a = obj.parentNode;                            //寻找父节点var b = obj.parentNode;                         //同上a.remove(b);}else{alert("未选中");break;                                         //终止        }}}

购物是女人的天堂，男人的地狱，不了解清楚万一以后被坑了，男人躲哪里后悔去，做这样一个web购物网站，买了货死活回不来，让双十一的女人们过过瘾相关推荐

为了买口红，我想成为数据分析师。呵，女人！
女性对口红的上瘾只会迟到,不会缺席. 奥黛丽赫本说:不涂口红的女人没有未来. 作为一个突然意识到自己是个女孩子的人,买口红是找不清方向的,所以不懈努力的去研究着各个美妆博主的账号.机缘巧合之下,得到了 ...
Python__模拟实现一个ATM+购物商城程序
需求:模拟实现一个ATM+购物商城程序1.额度1500或者自定义2.实现购物商城,买东西加入购物车,调用信用卡接口3.可以提现,手续费5%4.支持账户登录5.支持账户间转账6.记录每日日常消费流水7. ...
用css，html，js搭建一个书店购物系统
用css,html,js搭建一个书店购物系统,如下: <!DOCTYPE html> <html> <head> <meta charset="ut ...
python模拟砍价代码_Python__模拟实现一个ATM+购物商城程序
1 #Author wangmengzhu 2 ''' 3 用户认证,确认是用户登录,判断用户登录的用户名和密码是否正确,判断用户认证的长度是否为0,使用装饰器4 用户登录认证,信用卡登录认证,管理员 ...
天道：气质好的女人，都离不开这两个特点，第二个让男人自卑_金杉号
一个人的气质,是带给他人的第一感觉,气质是一个人由内到外散发独特的味道,也是一个人区分他人重要特征. 气质对每个人都很重要,往往而言,决定一个女人气质的,从来都不是长相,而是这两个习惯: 1.刻在骨子 ...
你唯有试过几个后，才能对女人这物种有全局判断。所以分手别忧桑，正确态度是：ok我已经有一个data point，现在我来找更多的data points来组成一个sample从而在这个认知基础上选择
=== 大学时的一道数学题 === 我大学的专业是数学.有一次,教授给出了<波斯公主选驸马>题「1」,如下: 波斯公主到了适婚年龄,要选驸马.候选男子100名,都是公主没有见过的.百人以随 ...
心灵是自我作主的地方。在心灵中，天堂可以变成地狱，地狱可以变成天堂
我们的生活,是由自己选定的,不管是有意或是无意.如果我们选择幸福,我们会得,到:如果我们选择悲惨,我们也会得到.在上一章中,我们已经知道,信念是卓越的根基,而我们的信念,就是构成我们能以特别的.前后一 ...
游戏，天堂幻境，地狱倒影
我是个好玩的人,小时候是,现在更是,不过,两者玩的内容却是有很大不同,当我还是小学生的时候,我喜欢跟小伙伴们一起玩,人越多,玩的越开心,现在不同了,老喜欢一个人闷着上电脑,各种电子游戏,各种玩,有时仔 ...
Accessibility辅助功能--一念天堂，一念地狱
0x00什么是Accessibility(辅助功能) 考虑到部分用户不能很好地使用Android设备,比如由于视力.身体.年龄方面的限制,造成阅读内容.触控操作.声音信息等方面的获取困难,Androi ...
探访诺基亚：将芬兰变成天堂再变成地狱的企业
诺基亚北京时间3月31日消息,诺基亚已经从手机界消失,它离开的速度很快,几乎没有一丝留恋.手机巨头陨落后的"生活"过得还好吗?英国BBC带着这个问题访问了芬兰诺基亚小镇.诺基亚还 ...

购物是女人的天堂，男人的地狱，不了解清楚万一以后被坑了，男人躲哪里后悔去，做这样一个web购物网站，买了货死活回不来，让双十一的女人们过过瘾

购物是女人的天堂，男人的地狱，不了解清楚万一以后被坑了，男人躲哪里后悔去，做这样一个web购物网站，买了货死活回不来，让双十一的女人们过过瘾相关推荐

最新文章

热门文章