From 1aaaf56c4845443d1a8a0893a25f3956980cb700 Mon Sep 17 00:00:00 2001
From: Aquib <aquibkhan8108@gmail.com>
Date: Sun, 23 Feb 2025 15:29:50 +0530
Subject: [PATCH] added a input field in project 'Simple Timer' Which Will Ask
 User To Add Timer According To Thier Need

---
 simple-timer/index.html |  7 ++++++-
 simple-timer/script.js  | 19 ++++++++++++++++++-
 2 files changed, 24 insertions(+), 2 deletions(-)

diff --git a/simple-timer/index.html b/simple-timer/index.html
index 63d2ded..e4902fb 100644
--- a/simple-timer/index.html
+++ b/simple-timer/index.html
@@ -37,7 +37,12 @@
           ></span>
         </div>
       </div>
-
+      <div class="flex justify-center gap-2 my-4">
+        <input type="number" id="customMinutes" placeholder="Min" class="w-14 p-2 text-center rounded">
+        <input type="number" id="customSeconds" placeholder="Sec" class="w-14 p-2 text-center rounded">
+        <button id="setTime" class="bg-blue-400 p-2 rounded">Set</button>
+      </div>
+      
       <div class="flex justify-center gap-6">
         <button
           id="reset"
diff --git a/simple-timer/script.js b/simple-timer/script.js
index 00a88ea..405f010 100644
--- a/simple-timer/script.js
+++ b/simple-timer/script.js
@@ -2,15 +2,32 @@ const resetBtn = document.querySelector('#reset');
 const playBtn = document.querySelector('#play');
 const timerEl = document.querySelector('#timer');
 const root = document.querySelector(':root');
+const customMinutesInput = document.querySelector('#customMinutes');
+const customSecondsInput = document.querySelector('#customSeconds');
+const setTimeBtn = document.querySelector('#setTime');
 
 // Initial setup
-const totalSeconds = 60;
+let totalSeconds = 60;
 let playing = false;
 let currentSeconds = totalSeconds;
 timerEl.innerText = formatTime(totalSeconds);
 
 const timerInterval = setInterval(run, 1000);
 
+
+setTimeBtn.addEventListener('click', () => {
+  let min = parseInt(customMinutesInput.value) || 0;
+  let sec = parseInt(customSecondsInput.value) || 0;
+  let newTime = min * 60 + sec;
+  if (newTime > 0) {
+    totalSeconds = newTime;
+    currentSeconds = newTime;
+    timerEl.innerText = formatTime(newTime);
+
+    customMinutesInput.value = "";
+    customSecondsInput.value = "";
+  }
+});
 playBtn.addEventListener('click', () => {
   playing = !playing;
   playBtn.classList.toggle('play');