js 自增自减累加累减；两种点击事件的方法

拼搏现实的明天。 2021-10-01 07:14 620阅读 0赞

<!DOCTYPE >
    <html>
    
    	<head>
    		<meta charset="UTF-8">
    		<title>标题</title>
    		<script src="https://cdn.bootcss.com/jquery/2.2.0/jquery.js"></script>
    	</head>
    
    	<body>
    
    		<div id="">
    			<button id="up1">+1</button>
    			<button id="up2">-1</button>
    			<span id="num">
    				123
    			</span>
    			<button id="up" onclick="up(10)">+10</button>
    			<button id="up" onclick="up(-10)">-10</button>
    		</div>
    		<script type="text/javascript">
    			num = 123
    			//每次点击加一
    			document.getElementById("num").innerHTML = num;
    			up1 = document.getElementById('up1');
    			up1.onclick = function() {
    				//递增  自身加1
    				num++;
    				console.log(num)
    				document.getElementById("num").innerHTML = num;
    			}
    			//每次点击减一
    			up2 = document.getElementById('up2');
    			up2.onclick = function() {
    				//递减 自身减1
    				num--;
    				console.log(num)
    				document.getElementById("num").innerHTML = num;
    			}
    			//每次点击加十
    			function up(upNum){
    				//累加  自身加某个值赋给自身
    				num+=upNum
    				console.log(num)
    				document.getElementById("num").innerHTML = num;
    			}
    			//每次点击减十
    			function dow(upNum){
    				//累减 自身减某个值赋给自身
    				num-=upNum
    				console.log(num)
    				document.getElementById("num").innerHTML = num;
    			}
    		</script>
    
    	</body>
    
    </html>

发表评论取消回复

表情：

评论列表（有 0 条评论，620人围观）

还没有评论，来说两句吧...

相关阅读

相关 java加减乘除自增自减运算

一、双目运算符：+ - \ / % 1. + 加法：int a=10;int b=20;int c = a + b;即10＋20=30 2. - 减法：int a=10

怼烎@/ 2024年03月26日 13:10/ 0 赞/ 25 阅读

相关 c语言自增/自减运算

\include <stdio.h> main() \{ int a=5,b,c,i=10;//定义a,b,c,i的值 b=a++;//b等于a，a在

以你之姓@/ 2022年11月19日 01:29/ 0 赞/ 157 阅读

相关 Laravel 单字段自增自减多字段自增自减自增自减时更新其他字段的值

单字段自增自减 //自增1 User::where('id', $user_id)->increment('integral'); //自减1

迈不过友情╰/ 2022年10月15日 00:47/ 0 赞/ 271 阅读

相关关于自增和自减

a++ ：把（a++）作为一个整体表达式，a 的值虽然自增1，但是整个表达式的值是取 a自增之前的值； \++a : 也把（++a）作为一个整体表达式，a 的值

╰+哭是因爲堅強的太久メ/ 2022年09月25日 01:13/ 0 赞/ 187 阅读

相关为自增（++）自减（--）运算符正名

学过C语言的朋友，相信你对“++i”，“- -i”，“i++”，“i- -”这样的表达式并不陌生，可是你真正明白其中的含义吗？我发现在网上，充斥着对它们的误解，或者说似是而

爱被打了一巴掌/ 2022年07月13日 07:11/ 0 赞/ 180 阅读

相关【前缀自增/减++i】和【后缀自增/减i++】的区别

> 前缀自增/减前缀自增/减会先运算后传值。这里的运算指的是该数本身自增+1或者自减-1。 > 后缀自增/减后缀自增/减会先传值后运算。 \

矫情吗；*/ 2022年06月08日 12:20/ 0 赞/ 226 阅读

相关 JavaScript -- 自增和自减

<!DOCTYPE html> <html lang="zh"> <head> <meta charset="

清疚/ 2022年06月02日 07:22/ 0 赞/ 231 阅读

相关 laravel字段自增/自减

[2019独角兽企业重金招聘Python工程师标准>>> ][2019_Python_] ![hot3.png][] DB::table('表名')->increme

怼烎@/ 2022年01月16日 06:57/ 0 赞/ 360 阅读

相关自增自减运算符

一定要注意哦！自增和自减运算符只能用于操作变量，不能直接用于操作数值或常量！例如 5++ 、 8-- 等写法都是错误滴！ i++ 先使用i的值，再将i加1； \++i

本是古典何须时尚/ 2021年12月24日 07:03/ 0 赞/ 305 阅读

相关 js 自增自减累加累减；两种点击事件的方法

<!DOCTYPE > <html> <head> <meta charset="UTF-8"> <title>标题

拼搏现实的明天。/ 2021年10月01日 07:14/ 0 赞/ 621 阅读