Créer une fenêtre modal

david

// Sélectionner la modale
var modal = document.getElementById("myModal");

// Sélectionner le bouton qui ouvre la modale
var btn = document.getElementById("openModalBtn");

// Sélectionner le <span> qui à commme classe close
var span = document.getElementsByClassName("close")[0];

// Quand l'utilisateur clique sur le bouton ouvre la fenêtre modale
btn.onclick = function() {
modal.style.display = "block";
}

// Quand l'utilisateur clique pour fermer la modale
span.onclick = function() {
modal.style.display = "none";
}

// Quuand l'utilisateur clique n'importe ou ailleurs que la modale, cela ferme la fenêtre modale
window.onclick = function(event) {
if (event.target == modal) {
modal.style.display = "none";
}
}