added slider for led brightness

This commit is contained in:
RaffaelW 2024-12-15 00:11:37 +01:00
parent a3dc701d0b
commit e4fb246356
5 changed files with 65 additions and 7 deletions

14
data/range-input.js Normal file
View file

@ -0,0 +1,14 @@
document.querySelector("form").addEventListener("input", (event) => {
if (event.target.classList.contains("range")) {
updateValue(event.target);
}
});
function updateValue(slider) {
const percentage = Math.round((slider.value / slider.max) * 100);
slider.nextElementSibling.innerText = `${percentage}%`;
}
document.querySelectorAll("input[type='range'].range").forEach((element) => {
updateValue(element);
});