JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-1.12.1.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul>
  <li>Test 1</li>
  <li>Test 2</li>
  <li>Test 3</li>
</ul>

<a href="#">Change color</a>

JavaScript

$('a').on('click', function(e) {
    e.preventDefault();
    var colors = ['#0071bc', '#ff00ff', '#fcee21', '#39B54A', '#00A99D', '#662D91'];
    var index, value;
    $('li').each(function() {
        $(this).css('color', colors.splice(Math.floor(Math.random() * colors.length), 1));
    });
})