From 8618157cc6496a364d58287bdf67b5c7caa35eaf Mon Sep 17 00:00:00 2001 From: Hongchan Lee Date: Sun, 31 Mar 2024 21:40:42 -0400 Subject: [PATCH] week-10 done --- week-10/index.html | 34 ++++++++++++++++++++++++++++++++++ week-10/js/script.js | 35 +++++++++++++++++++++++++++++++++++ 2 files changed, 69 insertions(+) create mode 100644 week-10/index.html create mode 100644 week-10/js/script.js diff --git a/week-10/index.html b/week-10/index.html new file mode 100644 index 0000000..df05b99 --- /dev/null +++ b/week-10/index.html @@ -0,0 +1,34 @@ + + + + + +Stopwatch + + + + + + +
+
00:00
+ + +
+ + + + + \ No newline at end of file diff --git a/week-10/js/script.js b/week-10/js/script.js new file mode 100644 index 0000000..064757a --- /dev/null +++ b/week-10/js/script.js @@ -0,0 +1,35 @@ +let seconds = 0; +let interval; +let running = false; + +function updateTime() { + const minutes = Math.floor(seconds / 60); + const remainingSeconds = seconds % 60; + document.getElementById('display').textContent = `${minutes.toString().padStart(2, '0')}:${remainingSeconds.toString().padStart(2, '0')}`; +} + +function startStop() { + running = !running; + document.getElementById('startStop').textContent = running ? 'Stop' : 'Start'; + if (running) { + interval = setInterval(incrementTime, 1000); + } else { + clearInterval(interval); + } +} + +function incrementTime() { + seconds++; + updateTime(); +} + +function reset() { + clearInterval(interval); + seconds = 0; + updateTime(); + running = false; + document.getElementById('startStop').textContent = 'Start'; +} + +document.getElementById('startStop').addEventListener('click', startStop); +document.getElementById('reset').addEventListener('click', reset); \ No newline at end of file