JS学习-4.练习3

最新推荐文章于 2024-07-22 15:13:59 发布

立花泷的学习日记

最新推荐文章于 2024-07-22 15:13:59 发布

阅读量366

点赞数

分类专栏： js 文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/qq_37974765/article/details/121263841

版权

js 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

编写一个增加和减少的按钮
中间是数字0，点击增加，数字加1；点击减少，数字减1；不能低于0

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<button id="increase">+</button>
		<span id='mySpan'>0</span>
		<button id="reduse">-</button>
		<script>
		var increase=document.getElementById('increase');
		var reduse=document.getElementById('reduse');
		var mySpan=document.getElementById('mySpan');
		var a=0;
		increase.onclick=function(){
			a=a+1;
			if(a<0){
				a=0;
				mySpan.innerHTML=0;
			}
			else{
				mySpan.innerHTML=a;
			}
		}
		reduse.onclick=function(){
			a=a-1;
			if(a<0){
				a=0;
				mySpan.innerHTML=0                                         ;
			}
			else{
				mySpan.innerHTML=a;
			}
		}
		</script>
	</body>
</html>

立花泷的学习日记

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
JS学习-4.练习3

编写一个增加和减少的按钮中间是数字0，点击增加，数字加1；点击减少，数字减1；不能低于0<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <button id="increase">+</button> <span id='mySpan'&g
复制链接

扫一扫