JSFiddle - React, Tailwind, and code Playground

HTML

<div class="fact" id="fact1">Fact 1</div>
<div class="fact" id="fact2">Fact 2</div>
<div class="fact" id="fact3">Fact 3</div>
<div class="fact" id="fact4">Fact 4</div>
<div class="fact" id="fact5">Fact 5</div>
<button onclick="randomFact();">RANDOM!</button>

CSS

.fact{
    width: 100px;
    height: 100px;
    background: green;
    display: none;
}

JavaScript

function randomFact(){
   var factsArr = $(".fact");
    $(".fact").hide("slow");
    var rnd = Math.floor((Math.random()*(factsArr.length-1)));
    $(factsArr[rnd]).show("slow");
}