Cada que se hace clic en un botón aparece un <div id="fondonegro">
el cual contiene información tipo menú. Cuando no se haga clic en <div id="fondonegro">
que haga un display:none
con Javascript.
Es un botón duplicado, el 1er boton tiene como id="1"
y el segundo id="2"
. Cuando se haga clic en id="1"
hace la función menu()
, y si se hace clic en id="2"
hace menu1()
Quisiera que cuando no se haga clic en <div id="fondonegro">
desaparezca.
function menu() {
document.getElementById("fondonegro").style.display = 'block';
document.getElementById("2").style.display = 'block';
document.getElementById("1").style.display='none';
drop();
}
function menu1(){
document.getElementById("fondonegro").style.display = 'none';
document.getElementById("2").style.display = 'none';
document.getElementById("1").style.display='block';
}
function drop(){
window.onclick = function(event) {
if (!event.target.matches('#fondonegro')) {
menu1();
}
}
}