Eleftheria Batsou
Eleftheria Batsou's Blog

Eleftheria Batsou's Blog

🌍Countdown Timer/Pomodoro (JS + CSS) [YouTube LIVE]

🌍Countdown Timer/Pomodoro (JS + CSS) [YouTube LIVE]

Eleftheria Batsou
·Jan 26, 2021·

2 min read

Subscribe to my newsletter and never miss my upcoming articles

Listen to this article

⬇️In this video we will code a countdown timer, similar to Pomodoro clocks. You can schedule your own break, watch the countdown and also the time you have to return, or you can choose time/break by the predefined buttons.

P.S. OMG, I found what was wrong at the end of the video... check out the first 4 lines of JS, it should be:

let countdown; const timerDisplay = document.querySelector('.display_time-left'); const endTime = document.querySelector('.display_end-left'); const buttons = document.querySelectorAll('[data-time]');

The inspiration for this project is coming by Javascript30


Thank you for taking the time to watch my video.

👋Hello, I'm Eleftheria, a front-end developer, master student, freelancer, public speaker, and chocolate lover.

🥰If you liked this post please share.

🍩Would you care about buying me a coffee? You can do it here: paypal.me/eleftheriabatsou but If you can't that's ok too!


🙏It would be nice to subscribe to my Youtube channel. It’s free and it helps to create more content.

🌈Youtube | Codepen | GitHub | Twitter | Site | Instagram

Did you find this article valuable?

Support Eleftheria Batsou by becoming a sponsor. Any amount is appreciated!

See recent sponsors Learn more about Hashnode Sponsors
 
Share this