JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#" class="link" id="first">Link 1</a>
<br />
<a href="#" class="link" id="second">Link 2</a>
<br />
<br />
<a href="#" id="change">Change Color</a> <br />
<input type="text" />

CSS

a.link{
    color:purple;
}
a.link:hover{
    color:red;
    font-weight:bold;
}

JavaScript

$(document).ready(function(){
    $('#change').click(function(){
        $('a.link').hover(
           function(){
                             
                $(this).css('color',$('input').val());
           }
         );
        return false;
    });
});