Estoy haciendo un script que referencio desde dos páginas, ese script se encarga de mostrar un modal de acuerdo a la página que lo llama. Se requiere que se muestre el modal de acuerdo al id del elemento que lo llama (con un evento), para ello agrego una clase y un id a los elementos.
<button class="btn" id="btn1">Click</button>
<button class="btn" id="btn2">Click 2</button>
El script contiene lo siguiente:
function showModal(){
if(this.id == "btn1"){
//mostrar modal
}
else if(this.id == "btn2"){
//mostrar modal
}
}
buttons = document.querySelectorAll(".btn");
for(int i=0; i<buttons.length; i++){
buttons[i].addEventListener('submit', function(e) {
showModal();
});
}
Es posible que uno de los dos botones no se encuentre en el documento HTML, se hace así para reutilizar el código en un futuro.
Nota: al hacer console.log(this.id)
arroja undefined
int i=0
debes ponerlet i=0