Soy nuevo en el mundo de javascript y me encantaría recibir ayuda. Tengo una prueba simple con objetos de "rango" en HTML. Cada valor es para el rango se muestra con
<input type="range" class="form-range" min="0" max="5" id="input1" oninput="q1points.value = this.value"> <output id="q1points">0</output>No estoy seguro de si esta forma de mostrar los valores de mis objetos de rango es el camino a seguir si quiero contarlos juntos.
tengo 5 preguntas ¿Cómo agrego estos valores en javascript y los almaceno en variables?
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>