Ver Mensaje Individual
  #5 (permalink)  
Antiguo 15/09/2016, 15:52
Avatar de Alexis88
Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.552
Antigüedad: 13 años
Puntos: 977
Respuesta: document.getElementById

Como veo que tienes varios elementos similares que ejecutan la misma función pero entregando un diferente resultado según la opción seleccionada, te sugiero asignar una clase a todos los elementos y un atributo personalizado en el cual asignarás la orden a realizar.

Por ejemplo:
Código HTML:
Ver original
  1. <section id="ejemplo">
  2.     <button class="foo" data-foo="Javier">Saluda a Javier</button>
  3.     <button class="foo" data-foo="María">Saluda a María</button>
  4.     <button class="foo" data-foo="Estela">Saluda a Estela</button>
  5.     <button class="foo" data-foo="Gabriel">Saluda a Gabriel</button>
Código Javascript:
Ver original
  1. document.querySelector("#ejemplo").addEventListener("click", function(event){
  2.     if (event.target.className == "foo"){
  3.         alert("Hola, " + event.target.dataset.foo);
  4.     }
  5. }, false);

De esta manera, se delega el evento click al elemento contenedor de los botones (que también puede ser el documento o la ventana), se verifica si la clase del elemento afectado por el evento es igual al que asigné a los botones y, de ser así, se muestra el mensaje de alerta con el saludo que se concatena con el valor almacenado en el atributo personalizado del botón.

Adáptalo a lo que necesitas.

__________________
«Juro por mi vida y mi amor por ella, que jamás viviré para el provecho de otro hombre, ni le pediré a otro hombre que viva para el mío».

Ayn Rand