JSFiddle - React, Tailwind, and code Playground

by jnfsmile

HTML

<ul>
    <li id="a">asdf</li>
    <li>asdf</li>
    <li>asdf</li>
    <li>asdf</li>
    <li>asdf</li>
    <li>asdf</li>
</ul>
<button>asdf</button>

JavaScript

$(function () {
    var changeColor = function (clr) {
        $('li').css('color', clr);
    }
    changeColor('blue');
    $("button").on("click", function (e) {
        e.preventDefault();
        changeColor('green');
        $('ul > li').css('list-style-type', 'square');
        setTimeout(function(){
        changeColor('red');
        $('ul > li').css('list-style-type', 'disc');
        });
    });
    
});