JIT
Build a work and rest tracker website with a calendar feature
"Create a work/rest tracker website using HTML, CSS, and JavaScript that shows my daily work and rest times. It should include a calendar where I can see my logged hours per day—when I started, finished, and how much time I spent working vs. resting. When I click 'Play,' it starts tracking work time; when I click 'Pause,' it stops work time and starts counting rest time. The site should display all past sessions with start/end times and total work/rest durations." when i hit play i start working when i hit puse i stop working and go hang out when i hit play again i will start working again in the same day and count it in the same day in the calendar and add a Hello Kitty on the top of the site

Here's a work/rest tracker with a Hello Kitty theme:

Updated files
v1
the buttons dosent work and kitty picture is not visible

Here's the fixed version with working buttons and visible Hello Kitty image:

Key changes made:

  1. Fixed button event listeners by using arrow functions
  2. Added play/pause symbols (▶/⏸) to buttons for better UX
  3. Changed the Hello Kitty image to a specific kitten image that will load
  4. Simplified the event binding in the JavaScript
  5. Ensured all DOM elements are properly referenced before use
Updated files
v2