JavaScript one click button-CodePudding

Please I want to create a button that can be clicked only once in 24hrs in js but I don't really know how to put it up.

<html>
<head>
<title>Disable Button</title>
<script>
function doSomething () {
document.getElementById("myButton").disabled = true;
document.getElementById("myButton").disabled = false;}
</script>
</head>
<body>
<input type="button" id="myButton" onclick="doSomething()"
value="Click Here To Do Something"/>
</body>
</html>

CodePudding user response：

you need to save to date and time of the last trigger somewhere in local storage or cookies so next when the button is triggered it checked the date in storage if that exists then it will check the date. hope so it will work for you.

CodePudding user response：

var todayclick = true;
var buttonval = document.getElementById("myButton");

buttonval.click(function() {
 if (todayclick ) {
        alert("Error!");
 }
 else {
      variable  = 1;
      todayclick = false;
 }
 setTimeout(function() {
        todayclick = true;
  }, 86400);
});

CodePudding user response：

window.onload = () => {
   //on load of the page it will check for same day and disable/enable.
   let lastclicked = localStorage.getItem('lastclicked') || '';
   document.getElementById("myButton").disabled = lastclicked === new Date().toDateString();
}

function doSomething () {
   localStorage.setItem('lastclicked', new Date().toDateString());
   document.getElementById("myButton").disabled = true;
}