JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#">Test link</a>

CSS

a.green:hover { color: #1ace84; }
a.purple:hover { color: #a262c0; }
a.teal:hover { color: #4ac0aa; }
a.violet:hover { color: #8c78ba; }
a.pink:hover { color: #d529cd; }

JavaScript

$(document).ready(function()
{
    $("a").hover(function(e)
    {
        var randomClass = getRandomClass();
        $(e.target).attr("class", randomClass);
    });
});

function getRandomClass()
{
    //Store available css classes
    var classes = new Array("green", "purple", "teal", "violet", "pink");
    
    //Give a random number from 0 to 5
    var randomNumber = Math.floor(Math.random()*6);
    
    return classes[randomNumber];
}