estoy haciendo un boton "inciar sesion" que cuando se lo clickea sale un modal abajo de el para poner tus datos y poder logear. El tema es que no tengo mucha experiencia y no se como cerrarlo. Lo estoy haciendo con HTML CSS JS y NodeJS. El codigo del modal es este:
<div id="modal">
<div id="modalcontainer">
<h3>Iniciar sesión</h3>
<input type="text" placeholder="Usuario" id="modaluser">
<input type="password" placeholder="Contraseña" id="modalpassword">
<button type="submit">Ingresá</button>
</div>
con css hice que el id modal ocupe toda la pantalla pero sea transparente y el modal container es muchisimo mas chico y esta en una parte de la pantalla. Yo lo que quiero es que cuando toque el modal que ocupa todo o otra parte que no sea el modalcontainer el modalcontainer se cierre. ¿Como puedo hacer?
Con JS para abrir el modal hice esto:
var btnlogin=document.getElementById("btnlogin");
var modal=document.getElementById("modal");
function modaldisplay(){
modal.style.display="inline";
}
Para cerrarlo como tenia pensado intente esto pero no funciono:
modal.onclick(function modalclose(){
modal.style.display="none";
})
Muchisimas gracias!