JSFiddle - React, Tailwind, and code Playground

HTML

<div id="forms">
    <form style="display:none;">
        This is your training site1
    </form>
    <form style="display:none;"><!-- the second form -->
        This is your training site2
    </form>
    <form style="display:none;"><!-- the second form -->
        This is your training site3
    </form>
    
    <form style="display:none;"><!-- the second form -->
       This is your training site4
    </form>
    
    
</div>
<a href="#" id="randomForm">Show random form</a>

JavaScript

$('#randomForm').click(function() {
    var forms = $('#forms > form');
    forms.hide();
    $(forms + ':eq('+(Math.floor(Math.random() * forms.length))+')').show();
});