From 9e2c2b51902e5cd96ef7a82aab7b192714330131 Mon Sep 17 00:00:00 2001
From: Somrima <somrima09072003@gmail.com>
Date: Mon, 20 May 2024 20:28:06 +0530
Subject: [PATCH] need to add functions

RESET button added
---
 index.html |  9 +++++++--
 style.css  | 18 ++++++++++++++++++
 2 files changed, 25 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index 9ed521b..3d3ad90 100644
--- a/index.html
+++ b/index.html
@@ -41,7 +41,7 @@ <h1 class="text text--title">
     <div class="text text--note">
       Double tap to start
     </div>
-    <div class="text text--timer">
+    <div class="text text--timer" id="t">
       0:00
     </div>
     <div class="text text--complete">
@@ -107,11 +107,16 @@ <h1 class="text text--title">
     <button class="btn btn--br btn--reset">
       <icon reset></icon>
     </button>
+    <button id="restartButton" onclick="reset_time()">Restart</button>
   </div>
 
 </div>
 <!-- partial -->
+<script>
+  function reset_time() {
+      document.getElementById("restartButton").t="0:00";
+  }
+  </script>
   <script src='https://cdnjs.cloudflare.com/ajax/libs/three.js/95/three.min.js'></script><script  src="./script.js"></script>
-
 </body>
 </html>
diff --git a/style.css b/style.css
index 51fbfd6..a20cfa5 100644
--- a/style.css
+++ b/style.css
@@ -344,6 +344,24 @@ body {
   z-index: 5;
 }
 
+.ui .ui__buttons #restartButton {
+  padding: 10px 20px 5px 5px;
+  cursor: pointer;
+  border: none;
+  background-color: #4CAF50;
+  color: white;
+  border-radius: 5px;
+  overflow: hidden;
+  bottom: 78%;
+  font-size: 20px;
+  align-items: center;
+  position: absolute;
+  left: 60%;
+  right: 25%;
+  text-align: center;
+}
+
+
 
 /* styling element for the goggle login option to be placed at the top right corner of the webpage. */