Method initializeSliderControls

pixelizer.js:92–120

()

    }

    initializeSliderControls() {
        const sliders = [
            { range: 'targetWidth', input: 'targetWidthInput' },
            { range: 'pixelColorCount', input: 'pixelColorCountInput' },
            { range: 'prefilterStrength', input: 'prefilterStrengthInput' }
        ];

        sliders.forEach(({ range, input }) => {
            const rangeEl = document.getElementById(range);
            const inputEl = document.getElementById(input);

            if (rangeEl && inputEl) {
                rangeEl.addEventListener('input', () => {
                    inputEl.value = rangeEl.value;
                    this.updatePreviewIfNeeded();
                });

                inputEl.addEventListener('input', () => {
                    let value = parseInt(inputEl.value) || 1;
                    const min = parseInt(inputEl.min);
                    const max = parseInt(inputEl.max);
                    value = Math.min(Math.max(value, min), max);
                    inputEl.value = value;
                    rangeEl.value = value;
                    this.updatePreviewIfNeeded();
                });
            }
        });
    }

    handleDragOver(e) {
        e.preventDefault();