Adding background color cookie

Question

I wrote this HTML code

 <select value="bgColor" id="selectColor" onchange="changeColor();">
      <option value="selectTheColor">Select color</option>
      <option value="black">Black</option>
      <option value="blue">Blue</option>
      <option value="red">Red</option>
  </select>

and this is my JS code, everything works fine except cookie, how do I solve this please?

 function changeColor(){
          var selectedColor = document.getElementById("selectColor").value;
          if(selectedColor != "selectTheColor"){
            document.bgColor = selectedColor;
            document.cookie = "color="+selectedColor+";expires=Mon, 5 Mar 2018 02:00:00 UTC";
          }
        }

   window.onload = function(){
        if(document.cookie.length != 0){
          var nameValueArray = document.cookie.split("=");
          document.getElementById("selectColor").value = nameValueArray[1];
          document.bgColor=nameValueArray[1];
        }
      }

score 0 · Answer 1 · answered Mar 02 '18 at 18:51

0

You've set the cookie to expire at 2am UTC. It's currently 6:50pm UTC.

answered Mar 02 '18 at 18:51

ceejayoz

176,543
40
303
368

It is still not working,I am updating the question – Mostafa Khan Mar 02 '18 at 18:54
@MostafaKhan Define what "not working" means - behavior, errors encountered, etc. - and I'll reopen it. – ceejayoz Mar 02 '18 at 19:04
After splitting the cookie, nothing works – Mostafa Khan Mar 02 '18 at 19:07
Log out the values with `console.log`, then. Bet there's other stuff in the cookie. `console.log(document.cookie)` and `console.log(nameValueArray[1])`. – ceejayoz Mar 02 '18 at 19:11

Adding background color cookie

1 Answers1