点击加号减号,让中间的数字变大变小

最新推荐文章于 2021-06-19 06:53:36 发布
最新推荐文章于 2021-06-19 06:53:36 发布
阅读量1.2k 收藏
点赞数 1
分类专栏： Java script
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45542550/article/details/99989875
版权

2019/8/21作业,估计下个月能用上

 


<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>数量加减</title>
        <style>
            *{
                margin: 0px;
                padding: 0px;
                float: left;
                text-align: center;
                line-height: 40px;
                font-size: 30px;
            }
            #del,#add{
                width: 40px;
                height: 40px;
                border: 1px solid cadetblue;
            }
            #num{
                width: 80px;
                height: 40px;
                border: 1px solid cadetblue;
                border-left: none;
                border-right: none;
                text-align: center;
                line-height: 40px;
                font-size: 30px;
            }
        </style>
        <script>
            function delClick(){
                    var objNum = document.getElementById("num");
                    var num = objNum.innerHTML;
                    if((Number(num)-1)>=1)
                    objNum.innerHTML=Number(num)-1 ;
            }
            function addClick(){
                    var objNum = document.getElementById("num");
                    var num = objNum.innerHTML;
                    objNum.innerHTML=Number(num)+1 ;
            }
        </script>
        
    </head>
    <body>
        <div id="del" οnclick="delClick()">-</div>
        <div id="num">1</div>        
        <div id="add" οnclick="addClick()">+</div>        
    </body>
</html>

诺德皇家侍卫
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
html点击加号数字加一,JavaScript 加号(+)运算符号
weixin_28869849的博客
06-27 847
一,对于引用类型对象(我指的是String,Date,Object,Array,Function,Boolean)的+运算符运算过程如下!1,首先调用此对象的valueOf方法,得到返回数值A2,然后把此数值A转换成数字,得到的是最终数值我的测试如下:function w(s){document.writeln("");document.writeln(s);document.writeln("-...
html中加减号怎么输入,jQuery 实现点击加减号改变input标签中的value值,该怎么解决...
weixin_29502425的博客
06-01 303
jQuery 实现点击加减号改变input标签中的value值我想点击左右两边的加减号，让中间input标签中的value属性值做出相应的改变，jQuery怎么实现？------解决思路----------------------$("button1").click(function(){varnum=$("input").val()$("input").val(num+1)})$...
html商城加减号,商城购物车的加减号控制商品数量
weixin_34060672的博客
06-19 648
今天coding的时候，写购物车，遇到了一个小小的麻烦，开始时候我是这样写的加减号那里的(只写主要代码,样式不写了)-1+当写jQuery的时候就出现了问题，// 减少的代码$('.decs').click(function() {var num = $(this).parent('li').text();num = parseInt(num);// 因为获得的num不只有数字，还有前边的“-”号...
jQuery实现点击“+”“-”加减号改变文本框数值
wfh_fighting的博客
10-13 9591
jQuery实现点击“+”“-”加减号改变文本框数值_网页代码站(www.webdm.cn) /*demo css*/ .i_tips{height:30px;margin-left:20px;color:#f60;font-size:14px;line-height:30px} .i_box{margin:10px 20px;font-size:14px;float:left}
实现点击加减号可以让数字变化的效果
04-01
该源码实现一款实现点击加减号可以让数字变化的效果，当用户点击了“+”按钮或“-”按钮，数据数字就会加一的，是一个不错的ios学习的例子，喜欢的朋友可以下载学习看看，。
JQuery点击弹出与收回事件（加号变减号）
08-13
本文将深入探讨“JQuery点击弹出与收回事件（加号变减号）”这一主题，它是网页交互设计中常见的功能，常见于折叠面板、菜单或层级结构的展开与关闭。 首先，我们要理解jQuery中的基本事件处理。事件是用户在浏览器...
9个数字中间插入加号或减号或者什么都没有，使得这九个数字的运算和等于某特定值
05-04
遇到的一个算法题，做出来后分享下，c++语言编写的一个函数，通过自测。分享出来相互学习
CSS3 linear-gradient线性渐变生成加号和减号的方法
09-24
本篇文章主要介绍了CSS3 linear-gradient线性渐变生成加号和减号的方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
仿美团外卖点击加号增加购买的数量点击减号减少购买数量并显示当前购买的总价.rar
07-30
该压缩包文件“仿美团外卖点击加号增加购买的数量点击减号减少购买数量并显示当前购买的总价.rar”提供了一个示例程序，旨在模仿美团外卖应用中的商品购买功能。这个功能通常涉及到用户交互、数量控制以及总价计算，...
JS下实现加号减号的数量加一减一
热门推荐
Stay hungry,stay foolish
02-25 2万+
js数量加减 /*或者不用jquery*/ /*商品数量框输入*/ function keyup(){ var quantity = document.getElementById("quantity").value; if(isNaN(quantity) || parseInt(quantity)!=quantity || parseInt(quantity)<1){ quant
加号+和减号-
weixin_34038652的博客
03-19 827
2019独角兽企业重金招聘Python工程师标准>>> ...
js实现按钮加减，长按按钮数字一直可变
iUserWang
06-25 5172
今天工作过程中遇到一个小问题，即实现购物按钮加减，单击数据+/-1，长按时会按时间来每秒+/-1。实现后如图所示： 购物按钮显示代码如下： <div class="input-group" style="width:146px;margin-left: 130px;"> <span class="input-group-btn"> ...
拼等式
weixin_30547797的博客
03-17 105
拼等式时间限制:0 Sec内存限制:128 MB题目描述给你n根火柴棍，你可以拼出多少个形如“A+B=C”的等式？等式中的A、B、C是用火柴棍拼出的整数（若该数非零，则最高位不能是0）。用火柴棍拼数字0-9的拼法如图所示： [IMG]http://www.tyvj.cn:8080/ProblemImg/p1012.gif[/IMG] 注意...
加减号控制input框里数字的js
小面爱上粉
03-20 5033
一个加减号控制input框里数字的js，左边是一个减号，右边一个加号，中间是input框，当数字为1时，左边减号置灰不可点击，数字为99时，加号置灰不可点击，点击加减号，input数字改变.效果图如下:addInputWithAdjustBtn()和addEvent()是封装后的函数(我是封装在tvbz_ui.js里面),页面需要的时候,直接引用即可/**根据input输入框调整button按钮*...
html中加一减一的按钮,JS下实现加号减号的数量加一减一
weixin_35719236的博客
06-04 1501
js数量加减/*或者不用jquery*//*商品数量框输入*/function keyup(){var quantity = document.getElementById("quantity").value;if(isNaN(quantity) || parseInt(quantity)!=quantity || parseInt(quantity)<1){quantity = 1;re...
带加号和减号的数字输入
cuk5239的博客
07-25 760
Vue减号加输入 (Vue Minus Plus Input) A number input with plus and minus buttons, as a VueJS component. 一个带有加号和减号按钮的数字输入，作为VueJS组件。 View demo 查看演示 Download Source 下载源 基本范例 (Basic Example) <html> ...
vue.js编写点击加号按钮数字加一，减号按钮数字减一
最新发布
05-14
可以使用Vue.js的数据绑定和事件绑定来实现。首先，我们需要在Vue实例中定义一个变量来表示数字，然后在模板中绑定这个变量。接着，我们可以使用v-on指令来绑定点击事件，当点击加号按钮时，触发一个方法来使数字加一；当点击减号按钮时，触发另一个方法来使数字减一。具体的代码如下所示： ```html <template> <div> <button @click="increment">+</button> <span>{{ number }}</span> <button @click="decrement">-</button> </div> </template> <script> export default { data() { return { number: 0 } }, methods: { increment() { this.number += 1 }, decrement() { this.number -= 1 } } } </script> ``` 在上面的代码中，我们使用了Vue.js的模板语法来绑定了一个数据变量number和两个按钮的点击事件。当点击加号按钮时，调用increment()方法，使number加一，当点击减号按钮时，调用decrement()方法，使number减一。最终，我们在模板中使用{{ number }}来显示数字。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值