veo que el problema viene del manejo de eventos en general:
el siguiente codigo funciona
Código:
<html>
<head>
<script>
function nuevoEvento(elemento, evento, funcion) { elemento.addEventListener(evento, funcion, false); }
function mensaje() { alert("boton pulsado"); }
function inicia() {
var divs = document.querySelectorAll('.btn');
nuevoEvento(divs[0],"click",mensaje);
}
</script>
</head>
<body onload="inicia()">
<button class='btn'>Hola0</button>
<button class='btn'>Hola1</button>
<button class='btn'>Hola2</button>
<button class='btn'>Hola3</button>
<button class='btn'>Hola4</button>
</body>
</html>
pero el siguiente no:
Código:
<html>
<head>
<script>
function nuevoEvento(elemento, evento, funcion) { elemento.addEventListener(evento, funcion, false); }
function mensaje() { alert("boton pulsado"); }
function inicia() {
var divs = document.querySelectorAll('.btn');
for (i = 0; i < divs.length; i++) {
nuevoEvento(divs[i],"click",mensaje);
}
}
</script>
</head>
<body onload="inicia()">
<button class='btn'>Hola0</button>
<button class='btn'>Hola1</button>
<button class='btn'>Hola2</button>
<button class='btn'>Hola3</button>
<button class='btn'>Hola4</button>
</body>
</html>
¿como se pueden asignar eventos a varios elementos?
mil gracias