JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text" value="aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa"/>
<div id="text">
</div>

CSS

input[type="text"]{
    padding-right: 20px;
}
#text{
    width:100px;
    height:100px;
    border:1px solid #000;
}

JavaScript

var x = documentGetElementById("text");
function color(){
   var a = 84;
   var b = 84;
   var c = 84;
    while(a<=87 & b<=87 & c<=87){
       x.style.backgroundColor = a++ + ; + ; + b++ ; + c++;    
    }
    setTimeOut(color(),400);
}
x.onmouseover=color();