Collegare elemento range a javascript

[Serena.F]

Buongiorno, sto cercando di collegare un elemento range al javascript, in modo da poter modificare una matrice già inizializzata e funzionante.
L'html è questo:

<div id="range1">
<h1 id="amici">amici</h1><input id="range2" type="range" name="voto" min="0" max="12" step="1"/><br><br><br><br>
<h2 id="amicid">amici di amici</h2><input id="range3" type="range" name="voto" min="0" max="12" step="1"/><br><br><br><br>
<h3 id="conoscenti">conoscenti</h3><input id="range4" type="range" name="voto" min="0" max="12" step="1"/><br><br><br><br>
<h4 id="parenti">parenti</h4><input id="range5" type="range" name="voto" min="0" max="12" step="1"/><br><br><br><br>
</div>

Mentre il codice javascript è questo:

var range = document.getElementsById("range2").setAttribute("range2", value);
i = 0;


if(i < range2){
a = (a + 250);
}

(a è la variabile della matrice)


Non funziona, volevo chiedere se qualcuno sa come posso fare!
Grazie mille!

[lukezz]

Non capisco cosa vorresti fare, comunque ti faccio un esempio più semplice:

<input type="range" id="myRange" value="">
<button onclick="stampa()">Stampa</button>
<p id="result"></p>

function stampa() {
    var range = document.getElementById("myRange").value;
    document.getElementById("demo").innerHTML = range;
}

Qui prendo il valore del range e lo stampo sul tag p con id result.

Spiega meglio cosa vuoi dire.

[Serena.F]

Allora praticamente ho disegnato tramite una funzione in java un cerchio e l'ho diviso in 4 sezioni!
Vorrei, tramite range, aumentare a mio piacimento una sezione alla volta...non so se sono riuscita a spiegarmi meglio