JSFiddle - React, Tailwind, and code Playground

HTML

<div id="Poll">
    <div id="PollQuestion">Your favorite color?</div>
    <ul>
        <li class="liAnswer">
            <input type="radio" value="1" name="Answer" class="clsAnswer"/>
            <span>Red</span>
        </li>
        <li class="liAnswer">
            <input type="radio" value="2" name="Answer" class="clsAnswer"/>
            <span>Blue</span>
        </li>
        <li class="liAnswer">
            <input type="radio" value="3" name="Answer" class="clsAnswer"/>
            <span>Green</span>
        </li>
        <li class="liAnswer">
            <input type="radio" value="4" name="Answer" class="clsAnswer"/>
            <span>Yellow</span>
        </li>
    </ul>
    <input type="button" value="Submit Vote" id="btnVote"/>
</div>

CSS

.Poll{
    border:1px solid black;
}

.PollAnswer{
    list-style:none;   
}

JavaScript

$("#btnVote").click(function() {
    /* 
    check if there is no selected color
    display the selected color and the corresponding value
    */
    alert("Color:The selected color here; Value: Corresponding Value");
});