简单购物车数量加减

最新推荐文章于 2020-09-17 17:44:12 发布

原创最新推荐文章于 2020-09-17 17:44:12 发布 · 2.5k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#html #函数

本文介绍了一个简单的HTML页面中的按钮计数器功能实现。通过两个按钮分别实现数值的增加和减少，并设置限购数量为10件的限制。使用JavaScript进行逻辑处理，包括判断当前数量并作出相应操作。

html代码
<button class="btn" onclick="fun(this)" >-</button>
<span>1</span>
<button class="btn" onclick="fun(this)">+</button>

script代码

function fun(btn){
    var span=document.getElementsByTagName("span")[0];
    var n=parseInt(span.innerHTML);
    if(btn.innerHTML=="+"){
          n++;
          if(n>10){n=10;alert("限购10件")}
        }
    else if(n!=1){
            n--;
        }
    span.innerHTML=n;
    }