Preciso escutar um elemento html de id="hamburger", se o usuário clicar, o javascript verifica qual o valor da propriedade display de outro elemento, no caso id="OverlayNav", e altera o valor, caso display="none" transforma em "block" e vice versa.
tá dando erro de sintaxe, alguém pode exemplificar como faço isso acontecer?
gostaria de tornar todo o box do meu OverlayNav sensível ao click, para caso o usuário clicar em qualquer área de tela onde não houver um <li>
, o display do OverlayNav se torne "none" tbm
<!-- Script do OverlayNav -->
<script>
document.getElementById("hamburger").addEventListener("click", function() {
var status = OverlayNav.style.display = '';
if (status === 'none') {
var status = OverlayNav.style.display = 'block';
} else {
var status = OverlayNav.style.display = 'none';
}
});
</script>