JSFiddle - React, Tailwind, and code Playground

by Hastig Z

HTML

<div id="blinky">Blinky</div>
<div id='console' style="color: green;">dfg</div>
<div id='console2' style="color: red;"></div>

JavaScript

var opacity = 1;
var change = -0.1;
var blinky = document.getElementById('blinky');
setInterval(function() { 
  blinky.style.color='hsla(210, 100%, 50%, '+opacity+')';
  if (opacity < -0.9) {
  	change = 0.1;
    opacity = 0;
  	document.getElementById('console').innerHTML=change;
  } else if (opacity > 0.9) {
  	change = -0.1;
    document.getElementById('console').innerHTML=change;
  }
	opacity = opacity + change;
  document.getElementById('console2').innerHTML=opacity;
}, 100);