Notoric
/
FEWD-CTEC3905
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Added code to remember the last background color and load it on page load

This commit is contained in:
Notoric 2024-03-07 18:22:20 +00:00
parent 9a306fcfd4
commit 3dc3ae4fb2
1 changed files with 9 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
js/scripts.js
View File

@ -88,6 +88,7 @@ bgColour.addEventListener("input", () => {
const G = parseInt(bgColour.value.substring(3, 5), 16); const G = parseInt(bgColour.value.substring(3, 5), 16);
const B = parseInt(bgColour.value.substring(5, 7), 16); const B = parseInt(bgColour.value.substring(5, 7), 16);
changeBackground(R, G, B); changeBackground(R, G, B);
localStorage.setItem("bgColour", bgColour.value);
}); });
function transitionBackground(newUrl, blackwhite) { function transitionBackground(newUrl, blackwhite) {
@ -202,7 +203,13 @@ function initCarousel() {
} }
// INITIALIZATION // INITIALIZATION
// Set background colour to last saved value
transitionBackground("assets/photos/fog-8519076-nordseher.jpg", "black") 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(); initCarousel();
carouselExpand(1); carouselExpand(1);