browser-milje-2077/pages/options/optionSliders.js
2024-08-15 19:43:33 +02:00

17 lines
478 B
JavaScript

function syncSliders(sliderId, numberInputId) {
const slider = document.getElementById(sliderId)
const numberInput = document.getElementById(numberInputId)
slider.addEventListener('input', () => {
numberInput.value = slider.value
})
numberInput.addEventListener('input', () => {
slider.value = numberInput.value
})
}
syncSliders('density', 'densityValue')
syncSliders('red', 'redValue')
syncSliders('green', 'greenValue')
syncSliders('blue', 'blueValue')