From 16e861d225b6c5d6e09750f15b9b614d0083183c Mon Sep 17 00:00:00 2001
From: Brian Daley <brian.daley@uconn.edu>
Date: Mon, 10 Feb 2020 13:59:15 -0500
Subject: [PATCH] finished color picker

---
 week-3/color-picker.html | 23 ++++++++++-------------
 1 file changed, 10 insertions(+), 13 deletions(-)
diff --git a/week-3/color-picker.html b/week-3/color-picker.html
index f2d558d..c1659f2 100644
--- a/week-3/color-picker.html
+++ b/week-3/color-picker.html
@@ -9,31 +9,28 @@
 <body>
 
     <form >
-
         <input type="color" name="bg" id="bg">
     </form>
     
 
     <script>
-    let picker = document.getElementById('bg');
+    let picker = document.querySelector('#bg');
     let body = document.querySelector('body');
-    let keyName = "bgColor";
-    let bgColor = window.localStorage.getItem(keyName) || '#ffffff';
 
+  
     picker.addEventListener('change', function(event) {
         let hex = this.value;
-        console.log(hex);
-        setBg(hex);
-        window.localStorage.setItem(keyName, hex);
 
-    })
+        body.style.backgroundColor = hex;
+        localStorage.setItem("myBgColor", hex);
+
+    });
 
-    function setBg(color){
-        body.style.backgroundColor = color;
-        picker.value = color;
-    }
 
-    setBg(bgColor);
+    // Get the current color
+    let bgColor = localStorage.getItem("myBgColor") || '#cccccc';
+    body.style.backgroundColor = bgColor;
+    picker.value = bgColor;
 
 
     </script>
