JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<input id="pass">
<ul id="icons">
<li class="icon">&#9824;</li>
<li class="icon">&#9742;</li>
<li class="icon">&#9743;</li>
<li class="icon">&#9744;</li>
</ul>

CSS

ul li {list-style: none; display: inline;}
.active {background-color: red;}

JavaScript

$('#icons li').click(function() {
    $(this).toggleClass( "active" ); 
    $('#pass').text('#icons li');
});