How to make stopwatch using Html, css and Javascript #shorts #ytshorts #Coding Projects

How to make stopwatch using html css and javascript
👉[Javascript Code here 👇]

let head = document.querySelector('h1');
let stop = document.querySelector('#stop');
let start = document.querySelector('#start');
let reset = document.querySelector('#reset');
let m = 00;
let s = 00;
let mm = 00;
let timer;
let msec;
let sec;
let min;
start.addEventListener('click', function( ) {
if(timer !== null){
clearInterval(timer);
}
timer = setInterval(starttimer,10);
});
stop.addEventListener('click',function () {
clearInterval(timer);
});
reset.addEventListener('click',function () {
clearInterval(timer);
head.innerText = "00:00:00";
msec = 0;
sec = 0;
min = 0;
})
function starttimer() {
m++
if(m == 100){
m = 0;
s++
if(s == 60) {
s = 0;
mm++
}
}
msec = m 10? `0${m}`:m;
sec = s 10? `0${s}`:s;
min = mm 10? `0${mm}`:mm;
head.innerText = `${min}:${sec}:${msec}`;
}

Видео How to make stopwatch using Html, css and Javascript #shorts #ytshorts #Coding Projects канала Coding Projects