From 3c13057bc5726686ce937d1b13c1a0430e0085d4 Mon Sep 17 00:00:00 2001 From: TinWoodman92 Date: Fri, 15 Dec 2023 20:07:07 -0600 Subject: added dynamic theme --- about.html | 5 +++++ app.js | 6 +++++- index.html | 2 +- projects_blog/NNetwork.html | 6 ++++++ style.css | 7 +++++++ 5 files changed, 24 insertions(+), 2 deletions(-) diff --git a/about.html b/about.html index e0154b8..13f41b5 100644 --- a/about.html +++ b/about.html @@ -4,6 +4,11 @@ chrhodgden - About + diff --git a/app.js b/app.js index 122cad7..333c354 100644 --- a/app.js +++ b/app.js @@ -1,5 +1,9 @@ console.log('Hello from app.js!'); +const setStyleVariable = function(styleVariable, styleValue) { + document.documentElement.style.setProperty(styleVariable, styleValue); +}; + const toggleTheme = function() { document.documentElement.style.setProperty(this.id, Number(this.checked)); localStorage.setItem(this.id, Number(this.checked)); @@ -16,8 +20,8 @@ const initInput = function(styleVariable=null) { const inputObject = document.getElementById(styleVariable); if (inputObject) { - inputObject.addEventListener('change', toggleTheme); if (inputObject.type == 'checkbox') { + inputObject.addEventListener('change', toggleTheme); inputObject.checked = initValue }; }; diff --git a/index.html b/index.html index 83361b8..142fab3 100644 --- a/index.html +++ b/index.html @@ -26,7 +26,7 @@