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
:
Ver originaldocument.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
:
Ver originaldocument.addEventListener("DOMContentLoaded", function(){
//Todo el código JavaScript
}, false);
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