JSFiddle - React, Tailwind, and code Playground

HTML

<div id="background">
                <p><b>Choose a colour to change<br> background colour from the list.</b></p>
                 
</div>
    
       <select name="colour" id="background-change">
                        <option>Select One</option>
                        <option>Black</option> 
                        <option>Blue</option>
                        <option>Orange</option> 
                        <option>Red</option>
                        <option>White</option>
                        <option>Yellow</option>
                    </select>

JavaScript

$(document).ready(function () {

    //$("#background").css("background-color",$.cookie("defaultColor"));
    
        $("#background-change").change(function (event) {
          var color =  $(this).val();
           $("#background").css("background-color",color);
            
            //$.cookie("defaultColor",color);
        });
    });