diff options
author | Anna Knoerr <an.kn@protonmail.ch> | 2021-12-22 21:15:54 +0100 |
---|---|---|
committer | Anna Knoerr <an.kn@protonmail.ch> | 2021-12-22 21:15:54 +0100 |
commit | 419ef7d76c1dbbfe5fc3f0f14bbd4e93db9cffe2 (patch) | |
tree | bdd4283d3f5ff4698780b1f8807eaadb1b74efeb | |
parent | 1fec477cbc0d57c910e28e2af67befc398dc92ac (diff) |
put script back in
-rw-r--r-- | blog.html | 30 |
1 files changed, 30 insertions, 0 deletions
@@ -32,6 +32,36 @@ </div> </body> +<script> +// Get the modal +var modal = document.getElementById("myModal"); + +// Get the button that opens the modal +var btn = document.getElementById("myBtn"); + +// Get the <span> element that closes the modal +var span = document.getElementsByClassName("close")[0]; + +// When the user clicks the button, open the modal +btn.onclick = function() { + modal.style.display = "block"; +} + +// When the user clicks on <span> (x), close the modal +span.onclick = function() { + modal.style.display = "none"; +} + +// When the user clicks anywhere outside of the modal, close it +window.onclick = function(event) { + if (event.target == modal) { + modal.style.display = "none"; + } +} +</script> + + + <h1>Kurious Kolibri Blog</h1> |