JSFiddle - React, Tailwind, and code Playground

by Salmin Skenderovic

HTML

<div id="head">
<div id="logo-container">
  <img id="logo" src="" alt="">
</div>
</div>
<div id="body">
  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit eaque incidunt ex similique amet illum doloribus ipsa aliquid nisi molestias optio praesentium, cumque, commodi consequuntur odio delectus obcaecati, excepturi repellendus!
</div>

CSS

#logo-container {
  min-height: 200px;
  transition: all 1s;
}

JavaScript

var logo = document.querySelector("#logo");

var urls = ["http://gitgud.esy.es/media/ow/bigLogo.png", 
"http://gitgud.esy.es/media/lol/bigLogo.png",
"http://gitgud.esy.es/media/csgo/bigLogo.png",
"http://gitgud.esy.es/media/h1z1/bigLogo.png",
"http://gitgud.esy.es/media/logos/siteLogo.png"];



setInterval(function() {
	logo.src = urls[Math.floor(Math.random() * urls.length)];
}, 1000)