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

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

作者: 熙如意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