JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.jquery.com/jquery-latest.js"></script>
<a href="#">my link</a>

CSS

a {color: green; }   /*  green = rgb(0,255,0)   */  
a:hover {color: orange; }   /*   orange = rgb(255,165,0)   */  

/* the answer I get alerted is the orange value */
/* the correct answer I want is the GREEN value */

JavaScript

$("a").click(function (e) {
    e.preventDefault();
    var acolor = $(this).css("color");
    if(acolor == 'rgb(255, 165, 0)'){
        alert('wrong color - its ORANGE ='+acolor);
    }else if(acolor == 'rgb(0, 255, 0)'){
        alert('CORRECT color - its GREEN ='+acolor);
    }
});