input - 查找多个范围滑块的值

Question

我是编码新手，我试图在网站上找到多个范围滑块的价值。我有这段代码，它适用于第一个范围滑块。我的问题是我还有 3 个范围滑块，我似乎无法使用仅有的 1 个 javascript 来工作。我尝试使用 get.documentElementsByClassName 作为输入和输出，但是 javascript 似乎只在我使用 ID 时才有效。因此，我必须为执行相同操作的函数创建多个 id。有什么我想念的吗？任何帮助，将不胜感激。

  <form>

          <input type="range" id="rating" min="-100" max="100" default="0" step="1" class="slider" /><br>Speed:

          <output id="outvalue"></output>
          <input type = "range" id="rating2" min='0' max="100" default ="0" step="1" class="slider"/>
    <br>Speed:
    <output id="outvalue2"></output>
    </form> 


</form>

    <script>
        var input = document.getElementById("rating");
        var output = document.getElementById("outvalue");
        output.innerHTML = input.value;
        input.oninput = function() {
          output.innerHTML = this.value;

var input2 = document.getElementById("rating2");
    var output2 = document.getElementById("outvalue2");
    output2.innerHTML = input2.value;
    input2.oninput = function() {
      output2.innerHTML = this.value;
        }
    </script>

演示