DEV Community

Gesiane Pajarinen
Gesiane Pajarinen

Posted on • Edited on

1 1

Horas e imagens

Prática em JavaScript, HTML e CSS.


Meu primeiro exercício em JS.
As figuras e as mensagens são atualizadas de acordo com o horário:

6h e 8h "Acorda, xuxin!"
11h e 14h "Hora de comer!"
17h e 21h "Happy hour!"
'>'21h "Hora de mimi!"

Fora destes horários, exibem-se uma imagem e mensagem padrão.
Se acionado o botão "Happy Hour" executa a imagem correspondente ao Happy Hour.
O código foi desenvolvido em Visual Studio Code, mas pode ser acessado no Codepen.io: @Gesiane - Codepen

Alt Text

Alt Text

Alt Text

Alt Text

Alt Text

Hostinger image

Get n8n VPS hosting 3x cheaper than a cloud solution

Get fast, easy, secure n8n VPS hosting from $4.99/mo at Hostinger. Automate any workflow using a pre-installed n8n application and no-code customization.

Start now

Top comments (0)

AWS Security LIVE!

Join us for AWS Security LIVE!

Discover the future of cloud security. Tune in live for trends, tips, and solutions from AWS and AWS Partners.

Learn More

Instrument, monitor, fix: a hands-on debugging session

Join Lazar for a hands-on session where you’ll build it, break it, debug it, and fix it. You’ll set up Sentry, track errors, use Session Replay and Tracing, and leverage some good ol’ AI to find and fix issues fast.

Tune in to the full event

DEV is partnering to bring live events to the community. Join us or dismiss this billboard if you're not interested. ❤️