Hola buenas tardes(dias) a todos, mi problema es el siguiente: tengo que abrir varias ventanas modales desde diferentes botones, tengo la ventana modal creada con este codigo:
<div class="modal" id="modal1">
<div class="modal-content">
<div class="modal-header">
asas
</div>
<div class="modal-body">
<h3>Ssoy el Modal de Diseño Web</h3>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Possimus eaque, fuga temporibus sequi magnam atque dolores placeat libero quasi tempore voluptates aliquid nobis dolore aperiam tempora ullam neque doloremque vero?</p>
</div>
</div>
</div>
elEl boton con el que debo abrir el modal es este:
<button class="modal-open" data-modal="modal1">Abrir</button>
y el JS que tengo es este:
var boton = document.querySelectorAll(".modal-open");
boton.forEach(function(btn){
var boton = document.querySelectorAll(".modal-open");
boton.forEach(function(btn){
btn.onclick = function(){
var modal = btn.getAttribute("data-modal");
document.getElementById(modal).style.display = "block";
};
});
});
peroPero no hace nada, no carga ni muestra el modal. Alguien nota alguna falla, llevo horas dandole vuelta y no noto nada mal.
Saludos a todos