🌍Countdown Timer/Pomodoro (JS + CSS) LIVE!

Опубликовано: 20 Май 2026
на канале: Eleftheria Batsou
516
20

⬇️ 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.

Codepen: https://codepen.io/EleftheriaBatsou
Working project: https://codepen.io/EleftheriaBatsou/p...
Inspiration: https://javascript30.com

omg, I found what was wrong...
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]');

-----------------------
👋Hello, I' m Eleftheria, an app developer, master student, freelancer, public speaker, and chocolate lover.


**************************************
🍪Would you care for buying me a coffee? You can do it here
paypal.me/eleftheriabatsou

but If you can't that's ok too!

**************************************
🤓If you have any question, don't hesitate to ask,
I'll do my best to answer it!

**************************************
🎉Like, share and subscribe are always welcome

Let's stay in touch:
twitter --   / batsouelef  
instagram --   / eleftheriabatsou  
website -- http://eleftheriabatsou.com/
github -- https://github.com/EleftheriaBatsou
codepen -- http://codepen.io/EleftheriaBatsou