blob: 27ff6eb96b76acecc26b65f951bf0043ea4d1091 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
|
export function settingsContainer({id, label, level=2}) {
const container = document.createElement('div');
container.id = id;
container.innerHTML = `<h${level}>${label}</h${level}>`;
return container;
};
export function slider({min, max, step, get, set, label = '', className}) {
const sliderContainer = document.createElement('div');
sliderContainer.classList.add('slider');
sliderContainer.classList.add(className);
const labelElement = document.createElement('label');
labelElement.innerHTML = label;
const slider = document.createElement('input');
slider.type = 'range';
slider.min = min;
slider.max = max;
slider.step = step;
slider.value = get().toString();
slider.addEventListener('input', () => set(slider.value));
sliderContainer.appendChild(labelElement);
sliderContainer.appendChild(slider);
return sliderContainer;
}
|
