滑块同步多个滑块-3

<input type="range" id="slider1" min="0" max="100" value="50">
<input type="range" id="slider2" min="0" max="100" value="50">
<input type="range" id="slider3" min="0" max="100" value="50">

// 获取滑块元素
const slider1 = document.getElementById('slider1');
const slider2 = document.getElementById('slider2');
const slider3 = document.getElementById('slider3');

// 监听滑块变化事件
slider1.addEventListener('input', function() {
  // 更新其他滑块的值
  slider2.value = slider1.value;
  slider3.value = slider1.value;
});

slider2.addEventListener('input', function() {
  // 更新其他滑块的值
  slider1.value = slider2.value;
  slider3.value = slider2.value;
});

slider3.addEventListener('input', function() {
  // 更新其他滑块的值
  slider1.value = slider3.value;
  slider2.value = slider3.value;
});