js京东简单购物车增减功能

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<input type="button" id="btn1" value="-" />
<input type="text" id="box" value="10" />
<input type="button" id="btn2" value="+" />
<script type="text/javascript">
var oBtn1 = document.getElementById('btn1')
var oBtn2 = document.getElementById('btn2')
var oBox = document.getElementById('box')
oBtn1.onclick = function(){
var box = oBox.value
box--
if (box == 0) {
oBox.value = 1
alert('最少购买一件')
}else{
oBox.value = box
}
}
oBtn2.onclick = function(){
var box = oBox.value
box++
if (box >= 20) {
oBox.value = 20
alert('最多购买20件')
}else{
oBox.value = box
}
}
var sw = prompt('请输入您的年龄!!!')
sw>18? alert('欢迎光临'):alert('未成年禁止上网!!')
</script>
</body>
</html>

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 简述JavaScript起源起源于美国的Netscape公司,原名为LiveScript,后改为JavaScrip...
    3ab670b99521阅读 3,180评论 0 0
  • "use strict";function _classCallCheck(e,t){if(!(e instanc...
    久些阅读 2,159评论 0 2
  • 工厂模式类似于现实生活中的工厂可以产生大量相似的商品,去做同样的事情,实现同样的效果;这时候需要使用工厂模式。简单...
    舟渔行舟阅读 8,141评论 2 17
  • 单例模式 适用场景:可能会在场景中使用到对象,但只有一个实例,加载时并不主动创建,需要时才创建 最常见的单例模式,...
    Obeing阅读 2,321评论 1 10
  • 概要 64学时 3.5学分 章节安排 电子商务网站概况 HTML5+CSS3 JavaScript Node 电子...
    阿啊阿吖丁阅读 9,884评论 0 3

友情链接更多精彩内容