Devlog 45: Initial Stopwatch Logic & Dynamic State Scaffolding

Core State & Lap Data Architecture

• Designed a stopwatch schema tracking dynamic state (idle | running | paused) and an array of individual lap records (laps).
• Streamlined time calculation to compute elapsed milliseconds dynamically directly using timestamps (Date.now() - lap.startTime), eliminating redundant accumulator fields like startTime or elapsedTime.

Interactive Handlers & Lifecycle Operations

• Implemented core lifecycle handlers: handleStart, handlePause, handleReset, handleLap, and handleDelete.
• Integrated updateCardUI and updateCardBtns to reflect running, paused, and idle UI visual feedback dynamically.
• Built active DOM updates for lap histories inside updateCardLapGrid using index-based duration summation for lap and total times.
• Enabled global runtime updates via startGlobalTick() timer intervals and list reordering via handleMoveStopwatch().