JSFiddle - React, Tailwind, and code Playground

by Pharaon

HTML

<ul id="mylist">
    <li>item 1</li>
    <li>item 2</li>
    <li>item 3</li>
    <li>item 4</li>
    <li>item 5</li>
    <li>item 6</li>
    <li>item 7</li>
    <li>item 8</li>
    <li>item 9</li>
    <li>item 10</li>
</ul>

CSS

.selected
{
    font-weight: bold;
}

JavaScript

$(function() {
    var randomItemsNum = 3;
    var totalItems = $('#mylist > li').length;
    
    for (var index = 0 ; index < randomItemsNum ; index++) {
        var randomIndex = Math.floor((Math.random()*totalItems)+1);
        var item = $('#mylist > li:nth-child(' + randomIndex + ')');
        if (item.hasClass('selected')) {
            index--;
            continue;
        }
        else {
            item.addClass('selected');
        }
    }
});