JSFiddle - React, Tailwind, and code Playground

by Xeon06

HTML

<input type="text"><p></p>

CSS

p, input {
    float: left;
}

JavaScript

var c = 0;
setInterval(function() {
    if (c < 3)
        c++;
    else
        c = 0;
    
    var ellipsis = [];
    for(var i = 0; i < c; i++)
        ellipsis.push(".");
    $("p").text(ellipsis.join(""));
}, 1000);