在javascript中从Range对象添加值[重复]

Question

我是 javascript 世界的新手，希望能得到一些帮助。 我有一个关于 HTML 中“范围”对象的简单测验。每个值都用于显示范围

<input type="range" class="form-range" min="0" max="5" id="input1"
oninput="q1points.value = this.value">
<output id="q1points">0</output>

如果我想将它们一起计算，我不确定这种显示范围对象值的方式是否可行。

我有 5 个问题。如何在 javascript 中将这些值相加并将它们存储在变量中？

Answer 1

function myFunction(){
  var val = document.getElementById('input1').value;
  document.getElementById('res_1').innerHTML = val;
}

<form class="questionForm-1" id="q1" data-question="1">
    <div id="qhead" class="d-flex p-2 bd-highlight text-center">
        <h1>Question 1</h1>
    </div>
    <div id="ondertitel" class="d-flex p-2 bd-highlight text-center">
        <h2>Ik ervaar rust wanneer ik een duidelijke planning heb voor die dag. </h2>
    </div>

    <div class="form-check" id="form-check">
        <div class="d-flex p-4 text-center">
            <label for="customRange2" class="form-label">Example range</label>
            <input type="range" class="form-range" min="0" max="5" id="input1">
        </div>
    </div>
    <p id="res_1"></p>
    <button id="btn-1" type="button" class="btn btn-danger" onclick="myFunction()">Volgende</button>
</form>