JSFiddle - React, Tailwind, and code Playground

HTML

<div class="apple">
MY APPLE
</div>
<div class="apple">
MY APPLE 1
</div>
<div class="apple">
MY APPLE 2
</div>
<div class="apple">
MY APPLE 3
</div>
<div class="apple">
MY APPLE 4
</div>
<div class="apple">
MY APPLE 5
</div>
<div class="container">
I need to call "apple" to be here.
</div>

JavaScript

$(function(){
    $('.apple').each(function(){
       var random = ((Math.random()*100) + 50).toFixed();
        
       if(random > 100)
          $('.container').append($(this)); 
       else if(random < 100)
           $('.container').prepend($(this)); 
        else
        {
          var childCount = $('.container').children().length;
            $('.container').find('div:eq('+(childCount/2)+')').append($(this));   
        }
    });
});