Contador de dias com JavaScript

Walter Nascimento
Walter Nascimento | PT-BR
1 min readSep 3, 2020

Simples contador de dias usando HTML e JS

[click here for English]

Você já precisou saber a diferença de dias entre uma data final e uma data inicial? Se sim então vamos criar algo simples para facilitar essa contagem de datas.

Código

Primeiro vamos criar a interface, faremos algo simples, utilizando apenas HTML.

Código em HTML

Na estrutura em HTML foi criado dois input, um para receber a data inicial e outra com a data final.

Agora vamos criar a função countDays().

Código em JS — Função countDays

Nesta função (countDays()), é recuperado o valor da data inicial e da data final, e na variável diffé feito a subtração das datas convertido em timestamp, depois é feito um pequeno calculo da diferença com o total de dias.

pronto simples assim.

Demo

Veja abaixo o projeto completo funcionando.

Projeto no codepen

Youtube

Se preferi assistir, vejo o desenvolvimento no youtube.

Vídeo no youtube

Obrigado por ler!

Se você tiver alguma dúvida, reclamação ou dica, pode deixar aqui nos comentários. Vou ter o maior prazer em responder!

😊😊Até mais! 😊😊

--

--