HTML5--数据存储之计算器【加减】

最新推荐文章于 2021-06-27 22:58:43 发布

AsaZyf

最新推荐文章于 2021-06-27 22:58:43 发布

阅读量705

点赞数

分类专栏：实用 HTML5 文章标签：计算器 HTMl5 数据存储

本文链接：https://blog.csdn.net/AsaZyf/article/details/82799464

版权

实用同时被 2 个专栏收录

43 篇文章 0 订阅

订阅专栏

HTML5

17 篇文章 2 订阅

订阅专栏

<!DOCTYPE html>
<html>
   <head>
       <meta charset="UTF-8">
       <title>计算器</title>
       <script type="text/javascript" src="js/jquery-1.11.0.js" ></script>
   </head>
   <body>
       <button class="add">+</button>
       <button class="reduce">-</button>
       <p></p>
       <script>
           var num = 0
           var b = localStorage.getItem("c") || num
           $("p").html(b)

           $(".add").click(function(){
               b++
               localStorage.setItem("c",b)
               $("p").html(b)
           })
           $(".reduce").click(function(){
               b--
               if(b<0){
                   b = 0
                   localStorage.setItem("c",b)
               }
               localStorage.setItem("c",b)

               $("p").html(b)
           })
       </script>
   </body>
</html>