Question

我很无聊地创建许多range滑块，然后创建p元素以使其显示值，然后为每个元素分配一个怪异的id，并在其中明确初始化它们js并每次更新p。

这是我想到的Slider构造函数：

class Slider {
    constructor(min, max, value) {

        // create slider
        let slider = document.createElement('input');
        slider.type = 'range';
        slider.min = min;
        slider.max = max;
        slider.value = value;

        // create paragraph
        let p = document.createElement('p');
        p.style.display = 'inline';
        p.innerHTML = slider.value;

        // append them
        document.body.appendChild(slider);
        document.body.appendChild(p);

        // update paragraph on slider input
        slider.oninput = () => {
            p.innerHTML = slider.value;
		}
		
		this.value = () => { return slider.value; }
	} 
}

mySlider = new Slider(-100, 100, 50);

我不是非常有经验的编码员，所以只想知道这可以吗？这实际上解决了我的问题，但是这样有效吗？或者您可以提出一些建议，也许可以为此提出一些其他专业的解决方案，我可以在js中实现（我不是在问库）？

如何使用js

0 个答案: