# 🍔 Hamburguer Menu JS

Menu hambúrguer simples e funcional, desenvolvido com **HTML, CSS e JavaScript puro**, ideal para navegação em dispositivos móveis.

---

## 📌 Demonstração

Abra o arquivo `index.html` no navegador para ver o menu funcionando.

---

## ✨ Funcionalidades

- ✅ Menu hambúrguer responsivo  
- ✅ Abre e fecha com clique  
- ✅ Ícone animado automaticamente  
- ✅ Compatível com mobile, tablet e desktop  
- ✅ JavaScript Vanilla (sem bibliotecas externas)  
- ✅ Estrutura simples e fácil de reutilizar  

---

## 📁 Estrutura do Projeto

Hamburguer-menu-js/ ├── index.html # Estrutura HTML do menu ├── style.css # Estilos e responsividade └── menu.js # Lógica de abrir e fechar o menu

---

## 🚀 Como usar

### 1️⃣ Clone o repositório
```bash
git clone https://github.com/Foqsz/Hamburguer-menu-js.git

2️⃣ Abra o projeto

Basta abrir o arquivo index.html em qualquer navegador moderno.

---

🧩 Exemplo de HTML

<nav class="nav-menu">
  <button id="hamburguer-button" class="hamburguer-button">
    <span class="icon"></span>
  </button>

  <ul id="menu" class="menu">
    <li><a href="#">Início</a></li>
    <li><a href="#">Serviços</a></li>
    <li><a href="#">Sobre</a></li>
    <li><a href="#">Contato</a></li>
  </ul>
</nav>

O comportamento do menu é controlado automaticamente pelo arquivo menu.js.

---

⚙️ Como funciona

• CSS (style.css)

  • Controla o layout
  • Define a responsividade com media queries
  • Anima o botão do menu

• JavaScript (menu.js)

  • Abre e fecha o menu
  • Alterna classes CSS
  • Controla o estado do botão

---

🛠️ Tecnologias usadas

• HTML5
• CSS3
• JavaScript

---