JSFiddle - React, Tailwind, and code Playground

by Khalid Alharbi

HTML

<select id="background-selector">
        <option value="">Change background color</option>
        <option value="lightgreen">Light Green</option>
        <option value="gray">Gray</option>
        <option value="white">White</option>
</select>

JavaScript

var bgSelector = document.getElementById("background-selector")
        bgSelector.onchange = function() {
          if (bgSelector.value != "") {
            var expirationTime = new Date()
            expirationTime.setMinutes(expirationTime.getMinutes() + 1)
            document.body.style = 'background-color: ' + bgSelector.value
            document.cookie = 'bgcolor=' + bgSelector.value + ';expires=' + expirationTime.toUTCString()

          }
        }
        window.onload = function() {
          if (document.cookie != undefined && document.cookie.indexOf('bgcolor') != -1) {
            document.body.style = 'background-color: ' + document.cookie.split('=')[1]
            console.log(document.cookie)
          }
        }