JSFiddle - React, Tailwind, and code Playground

by jfriend00

HTML

<button id="go">Click</button>

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

CSS

#result {margin-top: 15px;}
button {margin-left: 0;}

JavaScript

var el = document.getElementById("go");


el.addEventListener("click", function() {
    trigger();
    append("A");
});

el.addEventListener("click", function() {
    trigger();
    append("B");
});

el.addEventListener("click", function() {
    trigger();
    append("C");
});


function append(str) {
        document.getElementById("result").innerHTML += str + "<br>";
}

var timer;
function trigger() {
    if (timer) {
        clearTimeout(timer);
        timer = null;
    }
    timer = setTimeout(function() {
        append("-------------------------");
    }, 50);
}