He llamado al js como se muestra a continuación:
<!DOCTYPE html> <html> <head> <meta charset="utf-8" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="modal_style.css"> <script src="modal_js.js"></script> <title>Modal Login Page</title> </head> <body> <h1>Let's get started by</h1> <button onclick="document.getElementById('id01').style.display='block'" style="width:auto;">Login</button> <div id="id01" class="modal"> <form class="modal-content animate" action="/action_page.php" method="post"> <div class="imgcontainer"> <span onclick="document.getElementById('id01').style.display='none'" class="close" title="Close Modal">×</span>Mi archivo JavaScript es el siguiente:
var modal = document.getElementById('id01'); window.onclick = function(event) { if (event.target == modal) { modal.style.display = "none"; } }Por favor ayúdame a identificar el error.
haga un div y coloque el div de inicio de sesión dentro de él y haga clic en el primer div, haga ambos div
document.getElementById("div1").style.display = "none" document.getElementById("div2").style.display = "none"