Slider: Changes not happening in real time

[MrL]

I suggest that you replace the input event with the mouseup event
document.getElementById("brightnessSlider").addEventListener("mouseup", evt => {})