在javascript中从Range对象中添加值

Question

我是javascript世界的新手，希望得到一些帮助。我有一个简单的"range"测试。对象。

显示范围的每个值。

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