JSFiddle - React, Tailwind, and code Playground

by RaphaelDDL

HTML

<div id="container">
  <div class="item">...</div>
  <div class="item">...</div>
  <div class="item">...</div>
  <div class="item">...</div>
</div>

CSS

.item {
    height: 100px;
    background-color: #f00;
    border-top:1px solid white;
}

.randomDiv {
    height: 100px;
    background-color: #0f0;
}

JavaScript

itemLength = $('#container .item').length;
randomPlace = Math.floor((Math.random()*itemLength));

randomDiv = $('<div />',{
    'class':'randomDiv'
});

$('#container .item').eq(randomPlace).append(randomDiv);