StopWatch-main/script.js at main · JsArafath/StopWatch-main · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
window.onload = function (){
    let seconds = 00;
    let tens = 00;
    let appendTens = document.getElementById("tens");
    let appendSeconds = document.getElementById("seconds");
    let buttonStart = document.getElementById("button-start");
    let buttonStop = document.getElementById("button-stop");
    let buttonReset = document.getElementById("button-reset");
    let Interval;

    buttonStart.onclick = function () {
        clearInterval(Interval);
        Interval =setInterval(startTimer, 10);
    };

    buttonStop.onclick =function () {
        clearInterval(Interval);
    };

    buttonReset.onclick =function () {
        clearInterval(Interval);
        tens ="00";
        seconds = "00";
        appendTens.innerHTML = tens;
        appendSeconds.innerHTML =seconds;
    };

    function startTimer () {
        tens++;
        if(tens <= 9){
            appendTens.innerHTML ="0" + tens;
        }

        if(tens > 9){
            appendTens.innerHTML = tens;
        }

        if(tens > 99){
            seconds++;
            appendSeconds.innerHTML = "0" + seconds;
            tens = 0;
            appendTens.innerHTML = "0" + 0;
        }

        if(seconds > 9){
            appendSeconds.innerHTML = seconds;
        }
    }
};