首页 / JAVASCRIPT / 利用Javascript解决【库存变更器】

利用Javascript解决【库存变更器】

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了利用Javascript解决【库存变更器】，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1017字，纯文字阅读大概需要2分钟。

内容图文

  <style>
        span{
            min-width: 50px;
            display: inline-block;
            text-align: center;
            color: red;
        }
    </style>
<body>
    <p>
        库存的最小值为0
    </p>
    <div>
        库存：
        <button data-plus="-1000">-1000</button>
        <button data-plus="-100">-100</button>
        <button data-plus="-10">-10</button>
        <button data-plus="-1">-</button>
        <span id = "spanNumber">0</span>
        <button data-plus="+1">+</button>
        <button data-plus="+10">+10</button>
        <button data-plus="+100">+100</button>
        <button data-plus="+1000">+1000</button>
    </div>

    <script>
        var span = document.getElementById("spanNumber");
        var btns = document.querySelectorAll("button");
        //对button进行遍历
        for(var i = 0;i<btns.length;i++){
            //每循环一次得到一个按钮
            b=btns[i];
            //点击事件
            b.onclick=function(){
                //拿到审判标签的文本   span.innerText为字符串
                var num = parseInt(span.innerText);
                //+或—某个数  【直接加  === >正数、负数】
                console.log(this.dataset.plus);
                var plus = parseInt(this.dataset.plus);
                //最终结果
                var result = num+plus; 
                console.log(result);
                //最终结果不能为负值
                if(result < 0){
                    result = 0 ;
                }
                span.innerHTML = result;
            }
        }
    </script>
</body>

利用Javascript解决【库存变更器】 - 文章图片

内容总结

以上是互联网集市为您收集整理的利用Javascript解决【库存变更器】全部内容，希望文章能够帮你解决利用Javascript解决【库存变更器】所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/618139.html

来源：【匿名】