js全局购物车加减全局变量计数

Posted 安心牧羊人

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js全局购物车加减全局变量计数相关的知识,希望对你有一定的参考价值。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>安心牧羊人</title>
</head>
<body>

<p>全局变量计数。</p>
<button type="button" onclick="myFunction1()">-</button>
    <span id="demo" style="color:red;">0</span>
<button type="button" onclick="myFunction2()">+</button>
    

<script>

var counter=0;
    function add() {
        if(counter>=10){  //设置库存最大数例如10以上不能点击加
            return counter += 0;
    }else{
        
       return counter += 1;
        
    }
    return counter += 1;
}
function cor() {
   
    if(counter===0){  //设置最小数值不能低于0 ,低于0不能点击
      return counter += 0;
    }else{
        
       return counter += -1;
        
    }
}
function myFunction1(){
   
    document.getElementById("demo").innerHTML = cor();
}
    function myFunction2(){
   
    document.getElementById("demo").innerHTML = add();
}
</script>

</body>
</html>

















































以上是关于js全局购物车加减全局变量计数的主要内容,如果未能解决你的问题,请参考以下文章

js中全局变量应该怎么设置?

js如何在方法内部定义全局变量

js在函数中传进全局变量,修改全局变量问题。

js中局部变量和全局变量的问题

JS全局变量是全局对象的属性,函数局部变量为啥就不是函数的属性呢?

关于JS 函数里 修改 全局变量 的问题