stopwatch

Author: Abdul9010150809

README.md

@@ -1,4 +1,5 @@
-# ⏱️ Stopwatch Web Application
+
+# Task 2 :- ⏱️ Stopwatch Web Application
 
 Welcome to the Stopwatch Web Application! This advanced-level, interactive stopwatch is built using HTML, CSS, and JavaScript—completely on the frontend with no backend or database involved. Developed as part of the Skill Craft Internship, this app offers lap tracking, CSV export, theme toggling, and persistent session features.
 
@@ -35,14 +36,16 @@ This project helps users measure time intervals with precision. You can start, p
 	├── README.md            # 📘 Project documentation
 	├── output.pdf           # 🖨️ Output snapshots in PDF format
 	├── images/              # 🖼️ UI screenshots for documentation
-	│   ├── light-mode.png
-	│   └── dark-mode.png
+	│   ├── img1.jpg         #bright mode
+	│   └── img2.jpg         #dark mode
+	├── sounds/
+	│   └── beep.mp3
 
 ```
 
 ## 🚀 Live Demo
 
-Once you push this to a public GitHub repository and enable GitHub Pages, your game will be live at:
+Once you push this to a public GitHub repository and enable GitHub Pages, your stop watch will be live at:
 
 ```
 https://<your-github-username>.github.io/<repository-name>/
@@ -79,6 +82,7 @@ Example for your profile:
  10. Switch between light/dark modes using the toggle
 
 ## 🖼️ Screenshots
+
  * ☀️ Light Mode -- img1.jpg
 
  * 🌙 Dark Mode  -- img2.jpg

index.html

@@ -33,4 +33,4 @@ <h1>⏱️ Stopwatch</h1>
 
   <script src="/home/rgukt/Documents/Laptop-data/CAREER/Skill craft intern/SCT_WD_2/script.js"></script>
 </body>
-</html>
+</html>

script.js

@@ -112,11 +112,15 @@ themeToggle.addEventListener("change", () => {
 });
 
 // Beep sound
+const beepAudio = new Audio("/home/rgukt/Documents/Laptop-data/CAREER/Skill craft intern/SCT_WD_2/sounds/beep-01a.mp3");
+beepAudio.preload = "auto";
+
 function playBeep() {
-  const audio = new Audio("https://www.soundjay.com/buttons/sounds/beep-07.mp3");
-  audio.play();
+  beepAudio.currentTime = 0;
+  beepAudio.play().catch(err => console.warn("Audio play failed:", err));
 }
 
+
 // Add export button
 const exportBtn = document.createElement("button");
 exportBtn.textContent = "Export CSV";
@@ -128,4 +132,4 @@ document.querySelector(".container").appendChild(exportBtn);
 startBtn.addEventListener("click", startTimer);
 pauseBtn.addEventListener("click", pauseTimer);
 resetBtn.addEventListener("click", resetTimer);
-lapBtn.addEventListener("click", recordLap);
+lapBtn.addEventListener("click", recordLap);

sounds/beep-01a.mp3

@@ -154,4 +154,4 @@ body.dark #csv-output {
   color: #004d40;           /* Pure white text */
   border-color: #00bfa5;   /* Bright teal border */
   box-shadow: 0 4px 14px rgba(0, 191, 165, 0.9);
-}
+}