JSFiddle - React, Tailwind, and code Playground

HTML

<script src='https://code.jquery.com/jquery-3.2.0.min.js'></script>
<ul class="reactions">
   <li hidden class="size1">:)</li>
   <li hidden class="size2">:o</li>
   <li hidden class="size3">:(</li>
   <li hidden class="size1">:/</li>
   <li hidden class="size2">:-</li>
   <li hidden class="size3">:*</li>
</ul>

JavaScript

$(document).ready(function(){
  var ul = $("ul").find("li");
	var rand = function(){
    var randNumber  = Math.floor((Math.random() * ul.length) + 0);
    ul.each(function(){$(this).hide()});
  	$(ul[randNumber]).show();
    setTimeout(rand, randNumber * 300);
  }
  rand();
  
  
})