JSFiddle - React, Tailwind, and code Playground
HTML
<div class="change">Add to cart</div>
<div class="change">Add to cart</div>
CSS
.change {
cursor: pointer;
}
JavaScript
var wait;
$(document).ready(function(){
$( ".change" ).click(function() {
clearTimeout(wait);
$(this).html("Added!");
// Add item to cart
wait = setTimeout(function(){
lock = false;
$(".change").html("Add to cart");
}, 2000);
});
});