[SOLUCIONADO] problema con lista de datos y javascript

[shadowcb]

Holi, tengo un problema, que me motivo a registrarme en este foro que me ah ayudado a suplir varias dudas que eh tenido sobre php y javascript durante el desarrollo de uan web que comence hace unos dias.
resulta que en un punto de la pagina, el visitante puede seleccionar, algun nivel (numero) para saber cuanto habra aumentado al vida base de su campeon en ese nivel, luego de muuucho investigar como lograr que se pueda hacer itenractuar la operacion de multiplicacion con la lista de datos, y resulto que llegue a algo como esto:

Código HTML:

<select id='nivel'>
    <option value='2'>2</option>
    <option value='3'>3</option>
    <option value='4'>4</option>
		</select> 

Código HTML:

<script language="javascript">
var nivel= document.getElementById('nivel');
if(nivel.selectedIndex<0)
    alert('No hay opción seleccionada');
else
    document.write('la vida aumentara en: '+nivel.options[nivel.selectedIndex].value*82);
</script> 

el resultado de eso es : [URL="http://ayudalol.site50.net/lista.html"]http://ayudalol.site50.net/lista.html[/URL]

el script, se supone que "extrae" el valor seleccionado en la lista desplegable, y luego lo multiplica por 82, sin embargo enrealdiad solo multiplica el valo por defecto "2" y no cambia el resultado de la multiplicacion cuando se selecciona otro valor.
agradeceria cualquier ayuda o consejo para lograr el objetivo de que el 82 sea multiplicado por cada valor que pueda ser seleccionado y ademas si pueden aconsejar un script mas refinado de antemano gracias

[Alexis88]

Te faltó añadir el evento change al select:

Código HTML:

<select id = "nivel">
    <option value = 2>2</option>
    <option value = 3>3</option>
    <option value = 4>4</option>
</select> 
<p id = "resultado"></p>
 

Código Javascript:

var nivel = document.getElementById("nivel"),
    resultado = document.getElementById("resultado");
 
nivel.addEventListener("change", function(){
     if (this.selectedIndex < 0)
          alert("No hay opción seleccionada");
     else
          resultado.innerHTML = "La vida aumentara en: " + this.options[this.selectedIndex].value * 82;
}, false);
 

Añadí un párrafo para que sea ahí en donde se muestre el resultado de la operación.

Saludos

[shadowcb]

hola Alexis88 eh puesto el coigo que has puesto tu pero, al probar el documento me sale un mensaje de error en el script, diciendoq eu el objeto no acepta la propiedad o el metodo addEventListener por lo que nada mas aparece la tabla desplegable, en este mismo foro vi que habia que "validar el evento"
si agregando esa modificacion que has hecho es la unica manera de que se arregle el primer problema, hay manera de poder arreglar el addEventListener??
saludos y gracias por responder

[Alexis88]

Si estás usando una versión antigua de IE, debes usar attachevent en lugar de addEventListener y onchange en lugar de change.

Aquí puedes ver en ejecución, el ejemplo que mostré en la respuesta anterior.

Saludos

[shadowcb]

y efectivamente funciono, con la pagina subida si funciono era mi editor quien daba problemas, muchas gracias por la ayuda y por tomarte el tiempo de responder