JSFiddle - React, Tailwind, and code Playground

by thecodeparadox

HTML

<div id="col1">

</div>
<div>---------------------</div>
<div id="col2">

</div>

JavaScript

var fruitArray = ['apples','banana','orange','grapes'], len = fruitArray.length; 

function shuffle() {
    fruitArray.sort(function(a,b) {
       if(a > b)
           return 1;
        else return -1;
        if(a == b) return 0;
    });
}
shuffle();

   for (fruit in fruitArray) {
        $('<div class="'+fruitArray[randnum(0, len)]+'">'+ fruitArray[randnum(0, len)]+'</div>').appendTo('#col1'); 

        $('<div id="'+fruitArray[randnum(0, len)]+'">'+ fruitArray[randnum(0, len)]+'</div>').appendTo('#col2'); 
    }