From 3327f5538938ccb73fbd762ed86ace5784f13d0b Mon Sep 17 00:00:00 2001
From: FURK4NGG <105324908+FURK4NGG@users.noreply.github.com>
Date: Sat, 21 Sep 2024 14:12:31 +0300
Subject: [PATCH] Update 4.html

---
 4.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/4.html b/4.html
index 8fbde7f..a5e3789 100644
--- a/4.html
+++ b/4.html
@@ -1,2 +1,2 @@
-<!DOCTYPE html><html lang="en" dir="ltr"><head><link href="img/icon.ico" rel="shortcut icon" type="image/x-icon"><meta charset="UTF-8"><meta http-equiv="X-XSS-Protection" content="1; mode=block"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0, user-scalable=yes"><meta name="publisher" content="https://furk4ngg.github.io"><title>Stopwatch Timer App</title></head><body><div class="wrapper"><div class="time"><span class="hour">00</span><span class="colon">:</span><span class="minute">00</span><span class="colon">:</span><span class="second">00</span><span class="colon ms-colon">:</span><span class="millisecond">00</span></div><div class="buttons"><button class="start">Start</button><button class="stop">Stop</button><button class="reset">Reset</button></div></div>
+<!DOCTYPE html><html lang="en" dir="ltr"><head><link href="img/icon.ico" rel="shortcut icon" type="image/x-icon"><meta charset="UTF-8"><meta http-equiv="X-XSS-Protection" content="1; mode=block"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0, user-scalable=yes"><meta name="publisher" content="https://furk4ngg.github.io"><title>Stopwatch Timer App</title></head><body><div class="wrapper"><div class="time"><span class="hour">00</span><span class="colon">:</span><span class="minute">00</span><span class="colon">:</span><span class="second">00</span><span class="colon ms-colon">:</span><span class="millisecond">00</span></div><div class="buttons"><button class="start">Start</button><button class="stop">Stop</button><button class="reset">Reset</button></div></div>
 <style>@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap);*{margin:0;padding:0;box-sizing:border-box;font-family:'Poppins',sans-serif}body{height:100vh;display:flex;align-items:center;justify-content:center;background:#7D2Ae8}.wrapper{user-select:none}.wrapper .time{height:100px;background:#fff;display:flex;align-items:center;justify-content:center;border-radius:6px;box-shadow:10px 10px 20px rgb(0 0 0 / .09);padding:0 10px}.wrapper .time span{width:100px;text-align:center;font-size:50px;font-weight:500;color:#333}.time span.colon{width:10px}.time span.ms-colon,.time span.millisecond{color:#7D2Ae8}.wrapper .buttons{text-align:center;margin-top:20px}.buttons button{padding:6px 16px;outline:none;border:none;margin:0 5px;color:#7D2Ae8;background:#fff;font-size:19px;font-weight:500;border-radius:4px;cursor:pointer;box-shadow:10px 10px 20px rgb(0 0 0 / .09)}.buttons button.active,.buttons button.stopActive{pointer-events:none;opacity:.7}</style><script>let startTimer,hr=min=sec=ms="00";const startBtn=document.querySelector(".start"),stopBtn=document.querySelector(".stop"),resetBtn=document.querySelector(".reset");function start(){startBtn.classList.add("active"),stopBtn.classList.remove("stopActive"),startTimer=setInterval((()=>{ms++,ms=ms<10?"0"+ms:ms,100==ms&&(sec++,sec=sec<10?"0"+sec:sec,ms="00"),60==sec&&(min++,min=min<10?"0"+min:min,sec="00"),60==min&&(hr++,hr=hr<10?"0"+hr:hr,min="00"),putValue()}),10)}function stop(){startBtn.classList.remove("active"),stopBtn.classList.add("stopActive"),clearInterval(startTimer)}function reset(){startBtn.classList.remove("active"),stopBtn.classList.remove("stopActive"),clearInterval(startTimer),hr=min=sec=ms="00",putValue()}function putValue(){document.querySelector(".millisecond").innerText=ms,document.querySelector(".second").innerText=sec,document.querySelector(".minute").innerText=min,document.querySelector(".hour").innerText=hr}startBtn.addEventListener("click",start),stopBtn.addEventListener("click",stop),resetBtn.addEventListener("click",reset);</script></body></html>
