⏰ Relógio Digital Simples

Fala galeraa, Tudo certo ? Este é um projeto simples de um relógio digital criado com HTML, CSS e JavaScript puro. Ele exibe a hora, os minutos e os segundos em tempo real, com a indicação de AM/PM.

🚀 Como Usar

Para visualizar o relógio, basta abrir o arquivo index.html em seu navegador de preferência. Não há necessidade de um servidor web, pois o projeto não possui dependências externas.

---

💡 Sobre o Código

O coração do projeto é o arquivo script.js, que contém a lógica para atualizar o relógio a cada segundo.

Funções Chave

• updateClock(): Esta função é responsável por obter a hora atual do sistema, formatar os valores de horas, minutos e segundos, e atualizar o texto do elemento HTML com o id="clock".

Lógica de Funcionamento

1. Obtendo a hora: A função updateClock() cria um novo objeto Date() para obter o momento atual.
2. Formatando as horas: A hora é ajustada para o formato de 12 horas (AM/PM). O operador % 12 (módulo) é usado para converter as horas de 24h para 12h, e a condição || 12 garante que a meia-noite (0h) e o meio-dia (12h) sejam exibidos corretamente como 12.
3. Adicionando zeros: O método .padStart(2, '0') garante que os números de horas, minutos e segundos tenham sempre dois dígitos, adicionando um zero à esquerda quando necessário (ex: 9 se torna 09).
4. Atualização em tempo real: A função setInterval(updateClock, 1000) é usada para chamar a função updateClock a cada 1000 milissegundos (ou 1 segundo), garantindo que o relógio seja atualizado em tempo real.

---

⚙️ Tecnologias Utilizadas

• HTML: Estrutura básica da página.
• CSS: Estilização do relógio.
• JavaScript: Lógica de atualização da hora.