JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li id="yellow"></li>
    <li id="orange"></li>
    <li id="red"></li>
</ul>

JavaScript

Array.prototype.forEach.call(document.getElementsByTagName('li'), function (el) {
    el.addEventListener('click', function (e) {
        document.body.style.background = el.id;
    })
});