[SOLUCIONADO] evento javascript

[andrinson]

hola tengo el siguiente codigo
HTML:
<span id="contador"></span> <input type="range" min="5" max="10" step="1" oninput="hola(this.value)" onchange="hola(this.value)">

codigo JS:
function hola(progreso){

var nuevo=document.getElementById("contador").innerHTM L=progreso;

}

quiera saber una forma de hacer sin tener que ejecutar el evento en linea

respuesta urgente plis!!!

[Alexis88]

Tal y como lo haces con la etiqueta, utiliza el método .getElementById() para tomar al <input> por su identificador y el método .addEventListener() para registrar en él al evento change y la función que se ejecutará cuando se produzca el evento:

Código Javascript:

document.getElementById("id del <input>").addEventListener("el evento", function(){
    //Las instrucciones de tu función
}, false);
 

Si vas a colocar el script en la cabecera del documento, ejecútalo cuando se produzca el evento DOMContentLoaded el cual ocurre cuando han terminado de cargar los elementos del documento:

Código Javascript:

document.addEventListener("DOMContentLoaded", function(){
    //Todo el código JavaScript
}, false);
 

NOTA: Al momento de registrar el evento con el método .addEventListener(), el nombre del mismo ya no debe llevar el on del inicio que pones cuando ejecutas todo inline.

P. D.: El var nuevo= de tu función está de más. No es necesario ni tiene sentido.

Un saludo