From 3dc3ae4fb29388faa4c96a3a348ed1ed1c250090 Mon Sep 17 00:00:00 2001 From: Notoric Date: Thu, 7 Mar 2024 18:22:20 +0000 Subject: [PATCH] Added code to remember the last background color and load it on page load --- js/scripts.js | 11 +++++++++-- 1 file changed, 9 insertions(+), 2 deletions(-) diff --git a/js/scripts.js b/js/scripts.js index bc60cf3..b02a4c5 100644 --- a/js/scripts.js +++ b/js/scripts.js @@ -88,6 +88,7 @@ bgColour.addEventListener("input", () => { const G = parseInt(bgColour.value.substring(3, 5), 16); const B = parseInt(bgColour.value.substring(5, 7), 16); changeBackground(R, G, B); + localStorage.setItem("bgColour", bgColour.value); }); function transitionBackground(newUrl, blackwhite) { @@ -202,7 +203,13 @@ function initCarousel() { } // INITIALIZATION - -transitionBackground("assets/photos/fog-8519076-nordseher.jpg", "black") +// Set background colour to last saved value +const bgColor = document.getElementById("bgColour"); +bgColor.value = localStorage.getItem("bgColour") || "#ffffff"; +const initR = parseInt(bgColour.value.substring(1, 3), 16); +const initG = parseInt(bgColour.value.substring(3, 5), 16); +const initB = parseInt(bgColour.value.substring(5, 7), 16); +changeBackground(initR, initG, initB); +// Initialize carousel initCarousel(); carouselExpand(1); \ No newline at end of file