JSFiddle - React, Tailwind, and code Playground

by ian_smithz

HTML

<div class="row">I'm a row.</div>
<div class="row">I'm a row.</div>
<div class="row">I'm a row.</div>
<div class="row">I'm a row.</div>
<div class="row">I'm a row.</div>
<div class="row">I'm a row.</div>
<div class="row">I'm a row.</div>
<div class="row">I'm a row.</div>
<div class="row">I'm a row.</div>
<div class="row">I'm a row.</div>
<div class="row">I'm a row.</div>
<div class="row">I'm a row.</div>
<div class="row">I'm a row.</div>
<div class="row">I'm a row.</div>
<div class="row">I'm a row.</div>
<div class="row">I'm a row.</div>

JavaScript

var last, colours = ['#ff5a5a', '#ffbe0d', '#00ddb8'];    

$('.row').each(function() {
  var color = colours.splice(~~(Math.random()*colours.length), 1)[0];
  $(this).css('background-color', color);	
  last && colours.push(last), last = color;
});