JSFiddle - React, Tailwind, and code Playground

by happysmiles

HTML

<script src="http://sugarjs.com/release/current/sugar.min.js"></script>
<button id="hack">Click me</button>
<button id="undisable">Undisable 'Click me'</button>
<br>
<br>
<br>
<div id="message">Message here</div>

JavaScript

$('#hack').on('click', function () {
    var oneMinute = ((10).secondsAfter(this.Date));
    localStorage.setItem('timerend', oneMinute);

    checkDate();
});

$('#undisable').on('click', function () {
    checkDate();
});

function checkDate() {
    var eDate = localStorage.getItem('timerend');
    eDate = new Date(eDate);
    var nDate = ((1).secondsBefore(this.Date));

    if (nDate <= eDate) {
        $('#hack').attr('disabled', true);
        $('#message').text('Click me is still disabled. A minute needs to pass before enabling it again.');
    } else {
        $('#hack').attr('disabled', false);
        $('#message').text('Click me is clickable!');
    }
}

checkDate();