用于输出多个滑块的html范围滑块值的JavaScript

<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">

<button onclick="outputSliderValues()">输出滑块值</button>
<div id="output"></div>

<script>
function outputSliderValues() {
  var slider1Value = document.getElementById("slider1").value;
  var slider2Value = document.getElementById("slider2").value;
  var slider3Value = document.getElementById("slider3").value;

  document.getElementById("output").innerHTML = "滑块1的值：" + slider1Value + "<br>滑块2的值：" + slider2Value + "<br>滑块3的值：" + slider3Value;
}
</script>