JSFiddle - React, Tailwind, and code Playground

HTML

<div id="id">Test</div>

CSS

#id{
    font-size:20px;
    color:#000;
}

JavaScript

var rot = back = font = 0;
var t;
var text = document.getElementById("id");
function random_all(){
			rot = random_numb(1, 10, 0);
			back = random_numb(2, 5, 0);
			font = random_numb(3, 5, 0);
      t = "rot: "+rot+",<br> back: "+back+"<br> font: "+font;
      text.innerHTML= t;
		};

		function random_numb(q, len, min){
			var cur = Math.floor(Math.random() * ((len-1) - min + min)) + min;
			if(q==1){
				if((rot == cur)) random_numb(q, len, min)
					else return cur;
			};
			if(q==2){
				
				if(back == cur) random_numb(q, len, min)
					else return cur;	
			};
			if(q==3){
				if(font == cur) random_numb(q, len, min)
				 	else return cur;	
			};
		};
		setInterval(function(){
			random_all();
		},1000);