美文网首页
【兜哩开发】如何展示用户点击按钮的次数

【兜哩开发】如何展示用户点击按钮的次数

作者: 熙如意Xiry8881 | 来源:发表于2022-06-02 12:12 被阅读0次

    <!DOCTYPE html>

    <html>

    <head>

    <meta charset="utf-8">

    <title>兜哩开发(development.dliyo.cloud</title>

    <script>

    function clickCounter()

    {

    if(typeof(Storage)!=="undefined")

    {

      if (localStorage.clickcount)

      {

      localStorage.clickcount=Number(localStorage.clickcount)+1;

      }

      else

      {

      localStorage.clickcount=1;

      }

      document.getElementById("result").innerHTML=" 你已经点击该按钮 " + localStorage.clickcount + " 次 ";

    }

    else

    {

      document.getElementById("result").innerHTML="对不起,您的浏览器不支持 web 存储。";

    }

    }

    </script>

    </head>

    <body>

    <p><button onclick="clickCounter()" type="button">点我!</button></p>

    <div id="result"></div>

    <p>点击该按钮查看计数器的增加。</p>

    <p>关闭浏览器选项卡(或窗口),重新打开此页面,计数器将继续计数(不是重置)。</p>

    </body>

    </html>

    相关文章

      网友评论

          本文标题:【兜哩开发】如何展示用户点击按钮的次数

          本文链接:https://www.haomeiwen.com/subject/xvlqmrtx.html