JSFiddle - React, Tailwind, and code Playground

HTML

<input type="button" id="button" value="Spin" />
<div id="spinner_container"></div>

JavaScript

document.getElementById("button").onclick = function() {
    var spinner = document.getElementById("spinner_container");
    spinner.anim_mode = 0;
    var animation = ["|", "/", "–", "\\"]
    var spin = function() {
        spinner.anim_mode = (spinner.anim_mode + 1) % animation.length;
        spinner.innerHTML = animation[spinner.anim_mode];
    };
    spin();
    setInterval(spin, 100);
};