Всем привет. Мне нужна помощь. У меня сверстана форма
<dialog class="fadeInDown wow" id="dialog_log">
<button id="closeDialog_log" class="none_back2"></button>
<div id="wrapper">
<b>Login</b>
<form id="signin" method="" action="" autocomplete="off">
<input type="text" id="user" name="user" placeholder="username" required />
<input type="password" id="pass" name="pass" placeholder="password" required />
<button type="submit"></button>
<a href="#"><p>Забули</a> свій пароль?</p>
</form>
</div>
</dialog>
куча CSS но это не интересно.
дальше JS
var dialog = document.querySelector('#dialog_log');
document.querySelector('#openDialog_log').onclick = function() {
dialog_log.show();
}
document.querySelector('#closeDialog_log').onclick = function() {
dialog_log.close();
}
и надо сделать так что б когда показивается это окно то фон (весь body) становился темнее.
Ну и позможности подскажите как сделать что б при нажатии на любую точку фона этот dialog закривался