From 1ccf214ddbc3183c7c1410d442547e6c735b58a2 Mon Sep 17 00:00:00 2001 From: RaffaelW Date: Sun, 16 Feb 2025 20:46:06 +0100 Subject: [PATCH] =?UTF-8?q?fixes=20"Slider=20f=C3=BCr=20Helligkeit=20zeigt?= =?UTF-8?q?=20beim=20ersten=20Laden=2050%=20ist=20aber=20bei=2010%"=20#68?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- data/index.html | 2 +- data/range-input.js | 16 +++++++++++----- 2 files changed, 12 insertions(+), 6 deletions(-) diff --git a/data/index.html b/data/index.html index c6f81ab..330dbee 100644 --- a/data/index.html +++ b/data/index.html @@ -7,11 +7,11 @@ + -
diff --git a/data/range-input.js b/data/range-input.js index 4b31c04..4bc9c62 100644 --- a/data/range-input.js +++ b/data/range-input.js @@ -1,14 +1,20 @@ -document.querySelector("form").addEventListener("input", (event) => { +const form = document.querySelector("form"); + +form.addEventListener("input", (event) => { if (event.target.classList.contains("range")) { updateValue(event.target); } }); +form.addEventListener("change", () => { + console.log("received change event"); + document.querySelectorAll("input[type='range']").forEach((input) => { + updateValue(input); + }); +}); + function updateValue(slider) { + console.log("update slide value"); const percentage = Math.round((slider.value / slider.max) * 100); slider.nextElementSibling.innerText = `${percentage}%`; } - -document.querySelectorAll("input[type='range'].range").forEach((element) => { - updateValue(element); -});