https://github.com/ninja1375/calculadora-de-tempo-vivido

Calculadora de Tempo Vivido
https://github.com/ninja1375/calculadora-de-tempo-vivido

css html javascript

Last synced: 3 months ago
JSON representation

Calculadora de Tempo Vivido

• Host: GitHub
• URL: https://github.com/ninja1375/calculadora-de-tempo-vivido
• Owner: Ninja1375
• Created: 2024-11-24T01:31:40.000Z (7 months ago)
• Default Branch: main
• Last Pushed: 2024-11-24T20:53:32.000Z (7 months ago)
• Last Synced: 2025-02-07T19:16:33.769Z (4 months ago)
• Topics: css, html, javascript
• Language: JavaScript
• Homepage: https://ninja1375.github.io/Calculadora-de-tempo-vivido/
• Size: 19.5 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml

Awesome Lists containing this project

README

        
**Veja o projeto ao vivo:**

**[Calculadora de Tempo Vivido](https://ninja1375.github.io/Calculadora-de-tempo-vivido/)**

Este é um projeto web simples criado para calcular o **tempo vívido** de uma pessoa a partir de seus dados e hora de nascimento. Usando tecnologias HTML, CSS e JavaScript, a calculadora oferece uma maneira fácil e interativa de visualizar quanto tempo uma pessoa viveu, apresentando os resultados em anos, meses, semanas, dias, horas, minutos e segundos.

# Funcionalidades:

**Entrada de Dados:**

O usuário insere os dados e hora de nascimento utilizando um campo de entrada datetime-local, que permite selecionar uma data e hora específica.

**Validação de Entrada:**

Se o campo de dados e a hora estiverem vazios ou se os dados estiverem inseridos para inválidos (ou no futuro), um alerta é exibido informando o erro.

Se um dado válido do passado para acréscimo, o cálculo será realizado.

**Cálculo em Tempo Real:**

Após o preenchimento do campo, ao clicar no botão "Calcular", os resultados serão exibidos automaticamente.

O design é feito considerando o tempo atual, e os valores são atualizados em tempo real para mostrar o número de anos, meses, semanas, dias, horas, minutos e segundos vívidos até o momento.

**Exposição de Resultados:**

***Os resultados são apresentados de forma clara e organizados em uma lista, incluindo:***

- Anos

- Meses

- Semanas

- Dias

- Horas

- Minutos

- Segundos

**Atualização Contínua:**

A cada segundo, os segundos são recalculados e atualizados em tempo real, proporcionando uma experiência interativa e dinâmica para o usuário.

## Design Responsivo:

O design é simples e moderno, com um layout responsivo que se adapta a diferentes dispositivos e tamanhos de tela, garantindo que a calculadora funcione bem em desktops, tablets e smartphones.

**Objetivo do Projeto:**

O objetivo principal deste projeto é demonstrar como calcular e apresentar dados temporais de maneira eficiente e interativa. Ele serve como um exemplo de como usar JavaScript para manipulação de dados, além de aplicar conceitos de validação de entrada e atualização dinâmica de conteúdo . Além disso, uma interface simples permite fácil personalização e integração com outros tipos de projetos ou funcionalidades.

## Tecnologias Utilizadas:

  

**HTML:** Estrutura da página web e formulário de entrada.

**CSS:** Estilização do layout, com ênfase em design responsivo.

**JavaScript:** Lógica para cálculo do tempo vívido e manipulação do DOM (Document Object Model), além da melhoria da atualização em tempo real e validação de entrada.

## Contribuições

Contribuições são bem-vindas! Sinta-se à vontade para:

`Relatar problemas.`

`Sugerir melhorias.`

`Enviar solicitações pull.`

## Apoie-me: