Question

我想显示HTML文档的按钮，每次单击此按钮时，它都会递增。在增加之后，我希望该数字（这是要保存的计数器）用于再次访问计数器时，计数器为用户显示。我读到的是有一个名为addBtn的函数，在点击增量时如何保存递增的值

    addBtn.on("click", function() {
    counter.html(++value);
    return;          
});

Answer 1

这就是这样的。只需替换＆＃34; your_textfield＆＃34;与您的选择器。

  var counter = 1;
  function increase(){
      var textBox = document.getElementById("your_textfield");
      textBox.value = counter;
      counter ++;
  }

Answer 2

 addBtn.on("click", function() {
   var counter=$(this).html();
   counter+=1;
   $(this).html(counter);
   return;          
});

Answer 3

如果你想用文件做，你需要一个PHP来为你做

但是这个是使用web browers的localstorage的简单的

您可以查看浏览器的控制台日志

其中显示了一个对象存储

<html>
<head>
    <style>
        .overlay {
            background-color: rgba(0,0,0,0.5);
            width: 100%;
            height: 100%
        }
    </style>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
</head>

<body>
    <p class="display"></p>
    <input type="button" class="add" value="click me">

    <script type="text/javascript">
        $(document).on('ready', function(){
            var count = 0;
            var storage = window.localStorage;
            var disp = $('p.display');
            if (storage.getItem('count')) {
                count = parseInt(storage.getItem('count'));
                disp.html(count);
            }

            $('.add').on('click', function(){   
                if (storage.getItem('count') != null) {
                    count = parseInt(storage.getItem('count'));
                }
                count++;
                storage.setItem('count', count);
                disp.html(count);
                console.log(storage);                

            });
        });
    </script>

</body>
</html>

单击按钮时递增计数器（JavaScript，HTML）

3 个答案: