JSFiddle - React, Tailwind, and code Playground

by burkeholland

HTML

<div class="container">
    <ul>
        <li id="pink">Pink</li>
        <li id="salmon">Salmon</li>
        <li id="blue">Blue</li>
        <li id="green">Green</li>
        <li id="red">Red</li>
    </ul>  
</div>

CSS

.container {
    width: 400px;
 }

JavaScript

// create a global '$' variable
window.$ = function(selector) {
  return document.querySelector(selector);
};

(function() {
  // select item1 by id and change it's background color to salmon
  $("#salmon").style.backgroundColor="salmon";
}());