me gustaría que me enseñaran como simplificar varios else if que tienen la misma función pero con diferentes variables, específicamente lo que quiero es abrir un solo modal que tiene un contenido según el botón que yo haya clikeado, he visto que hy casos en el que usan el bucle for pero no encuentro uno parecido al mio, si es necesariousarlome gustaria que dieran una asesoría.
var contenido1 = "contenido 1";
var contenido2 = "contenido 2";
var contenido3 = "contenido 3";
var modal = document.querySelector('#modal');
function abrir() {
modal.style.display = 'block';
};
var contenido = document.querySelector('p');
/* de aquí para abajo es lo que quierosimplificar */
function caja(cont) {
if(cont =="cont1") {
contenido.innerHTML = contenido1; /*<esto imprime el contenido*/
abrir(); /* < esto abre el modal */
}
else if(cont =="cont2") { //
contenido.innerHTML = contenido2; // lo redundante
abrir(); //
} //
else if(cont =="cont3") { //
contenido.innerHTML = contenido3;//
abrir(); //
}
else {};
};
/* esto no */
var modalOut = document.querySelector('#modal');
modalOut.addEventListener('click', function() {
modal.style.display = 'none';
});
gracias.