timer is not working properly and i can't write in note.....Like timer pause play is not working properly....Also i can't now make it only timer

index.html

@@ -93,12 +93,11 @@
         let isExpanded = false;
         const widget = document.getElementById('timer-widget');
         const liveClock = document.getElementById('live-clock');
-
         // Timer functions
         function startTimer() {
             if (!isRunning) {
                 startTime = Date.now() - elapsedTime;
-                timerInterval = setInterval(updateTimer, 1000);
+                timerInterval = setInterval(updateTimer, 100);
                 isRunning = true;
             }
         }
@@ -114,6 +113,9 @@
             stopTimer();
             elapsedTime = 0;
             updateDisplay(0);
+            // Save reset state
+            localStorage.setItem('timerElapsed', 0);
+            localStorage.setItem('timerRunning', false);
         }
 
         function updateTimer() {
@@ -122,9 +124,10 @@
         }
 
         function updateDisplay(time) {
-            const seconds = Math.floor((time / 1000) % 60);
-            const minutes = Math.floor((time / (1000 * 60)) % 60);
-            const hours = Math.floor((time / (1000 * 60 * 60)) % 24);
+            const totalSeconds = Math.floor(time / 1000);
+            const seconds = totalSeconds % 60;
+            const minutes = Math.floor((totalSeconds / 60) % 60);
+            const hours = Math.floor(totalSeconds / 3600);
 
             const formattedTime = [
                 hours.toString().padStart(2, '0'),
@@ -134,8 +137,7 @@
 
             document.getElementById('live-clock').textContent = formattedTime;
         }
-
-        // Drag functionality
+// Drag functionality
         let isDragging = false;
         let offsetX, offsetY;
 
@@ -220,10 +222,9 @@
         // Update live clock immediately and every second
         updateLiveClock();
         setInterval(updateLiveClock, 1000);
-
         // Save notes to localStorage
         const noteInput = document.getElementById('time-note');
-        noteInput.addEventListener('change', () => {
+        noteInput.addEventListener('input', () => {
             const note = noteInput.value.trim();
             localStorage.setItem('timeNote', note);
             
@@ -234,8 +235,7 @@
                 widget.classList.remove('has-note');
             }
         });
-        
-        // Load and show note if exists
+// Load and show note if exists
         const savedNote = localStorage.getItem('timeNote');
         if (savedNote) {
             noteInput.value = savedNote;
@@ -243,10 +243,35 @@
             widget.classList.add('has-note');
         }
 
-        // Initialize with stopped state
-        resetTimer();
+        // Load timer state from localStorage
+        const savedElapsed = localStorage.getItem('timerElapsed');
+        const savedRunning = localStorage.getItem('timerRunning') === 'true';
+        
+        if (savedElapsed) {
+            elapsedTime = parseInt(savedElapsed);
+            updateDisplay(elapsedTime);
+            
+            if (savedRunning) {
+                startTimer();
+            }
+        } else {
+            // Initialize with stopped state
+            resetTimer();
+        }
+
+        // Save timer state to localStorage when running
+        function saveTimerState() {
+            localStorage.setItem('timerElapsed', elapsedTime);
+            localStorage.setItem('timerRunning', isRunning);
+        }
 
-        // Make sure widget stays visible when minimized
+        // Save state every second when running
+        setInterval(() => {
+            if (isRunning) {
+                saveTimerState();
+            }
+        }, 1000);
+// Make sure widget stays visible when minimized
         widget.style.minWidth = '150px';
         widget.style.minHeight = '70px';