get document.getElementById ("range3"). Value dans une variable

Question

Je veux juste obtenir la valeur document.getElementById ("range3"). Dans une variable mais mon code alerte juste "indéfini" je ne comprends pas pourquoi.

HTML:

<input name="zahl3" type="range" min="0" max="100" value="0" step="1" 
onchange="showValue3(this.value); rechnung()" /> 
<span id="range3" value="7">0</span> 
<p id="demo"></p> 

Javascript:

<script> 
    function showValue3(newValue) { 
     document.getElementById("range3").innerHTML=newValue; 
    } 

    function rechnung(){ 
     var x = 0; 
     x = document.getElementById("range3").value; 
     alert(x); 
    } 
</script> 

Answer 1

span éléments n'ont pas de value (qui est uniquement des entrées de forme et autres), ils ont innerHTML ou innerText (et childNodes). Donc:

function rechnung() 
{ 
    var x = document.getElementById("range3").innerHTML; 
    alert(x); 
}