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>
```
El 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){

    btn.onclick = function(){
        var modal = btn.getAttribute("data-modal");
        document.getElementById(modal).style.display = "block";
    };
});
```
Pero no hace nada, no carga ni muestra el modal. Alguien nota alguna falla, llevo horas dandole vuelta y no noto nada mal.