Stopwatch using HTML, CSS and JavaScript | Play, Reset and add Laps

Sdílet
Vložit
  • čas přidán 13. 09. 2024

Komentáře • 43

  • @TheCodingLab
    @TheCodingLab  Před 3 lety +8

    Hi guys, planning to create a GitHub page with links to all 127+ project repos, and will also keep updating the links for all upcoming projects repo.
    Please help me achieve the target of 1k+ subscribers for motivation.

    • @ajaymandal2560
      @ajaymandal2560 Před 3 lety

      source code please ..

    • @GauravKumar-hr7tt
      @GauravKumar-hr7tt Před 2 lety +3

      your code is full of disasters , I have been following your video from beginning to end and thought mine would look same if I keep doing what you are doing but no its full of error , maybe you fix your error and cutout those fixing part resulting in this disaster , Is thats the reason you haven't provided source code ,what is the meaning of uploading this video

  • @shayantej651
    @shayantej651 Před 16 dny

    Nice

  • @djsid651
    @djsid651 Před 2 lety +1

    There is a slight Problem with the code, after finishing a stopclock if I press Reset and then again start the clock from the Begining. Now when I hit Lap the time comes from the previous timer, which should not be the case.

    • @maayanzakuta5328
      @maayanzakuta5328 Před rokem +1

      add secCounter = 0; to const reset it should fix it. fixed it for me :)

    • @i_m_bob
      @i_m_bob Před rokem

      ​@@maayanzakuta5328also add minCounter=0 to solve the minute issue

    • @rohitmandhyan
      @rohitmandhyan Před 7 měsíci +3

      const reset = () => {
      /* isReset = true;
      play();
      lapButton.classList.add("hidden");
      resetButton.classList.add("hidden");
      second.innerHTML = ' 0 :';
      centiSec.innerHTML = ' 0';
      minute.innerHTML='0 : ';
      */
      playButton.innerHTML = 'Play';
      clearInterval(min);
      clearInterval(sec);
      clearInterval(centiSec);
      isPlay = false;
      isReset = false;
      bg.classList.remove("animation-bg")
      lapButton.classList.add("hidden");
      resetButton.classList.add("hidden");

      // reset the minCounter, secCounter, and centiCounter to zero.
      minCounter = 0;
      secCounter = 0;
      centiCounter = 0;

      /*reset the innerHTML of the minute,
      second, and centiSecond elements to show zero values. */
      minute.innerHTML = '0 :';
      second.innerHTML = '  0 :';
      centiSecond.innerHTML = '  0';


      // also hide the lap-clear-button since there are no laps to clear.
      clearButton.classList.remove("hidden");

      // clear the laps and set lapItem back to zero.
      laps.innerHTML = '';
      lapItem = 0;
      }
      This change is the correct solution for the error of the reset button taking time to 0:0:0 after being pressed.

  • @c_39_sakshinagare99
    @c_39_sakshinagare99 Před 8 měsíci +1

    Animation ka code nhi chal raha he

  • @yourkaa5670
    @yourkaa5670 Před 3 lety +4

    Code source ?

  • @muslumercan3447
    @muslumercan3447 Před 3 lety

    hey bro how to do new labs started from 0. i mean when the second 3 first lab 3, when second is 7 the 2lab should be 4.

  • @ramii358
    @ramii358 Před 2 lety

    lapButton.append(li) use instead of lap.appeand(li).... It will not show error

  • @c_39_sakshinagare99
    @c_39_sakshinagare99 Před 8 měsíci

    Animation not working give me solution

  • @MASTER_OF_ALL_1750
    @MASTER_OF_ALL_1750 Před 3 lety

    plz copy paste the html code and give i am getting errors help me

  • @MASTER_OF_ALL_1750
    @MASTER_OF_ALL_1750 Před 3 lety

    please give or plz make 1 more video how the code looks in ending please

  • @jatinrana7130
    @jatinrana7130 Před měsícem

    Didn't you made it more complex than it actually are

  • @VinayLashkari-d4c
    @VinayLashkari-d4c Před 8 měsíci +1

    full of errors first he code nd delete it nd rewrite soo confusing😑😑😑

  • @Phantom_Gamer_GTA
    @Phantom_Gamer_GTA Před 26 dny

    too much code, this could have been solved with 10-15 lines of code, but the author decided to slow down the process

  • @princepodwalvermashorts
    @princepodwalvermashorts Před měsícem

    anyone can give me github link

  • @swarajkumar9550
    @swarajkumar9550 Před 2 lety +2

    i have completed this project with proper code if somebody needs the code comment back

  • @sudhirkumar1189
    @sudhirkumar1189 Před rokem

    lots off errors where is js file which Handel .json settings don't use or try to learn from here it's full of error just wasting time to fix all this error and watch multiple time he didn't fixed that in videos

  • @-LIttamGnanaprasuna
    @-LIttamGnanaprasuna Před rokem

    Whats wrong with the js code, full of errors , its a time waste to watch nd doing this 😑, one thing i didn't understood, if u know there is an error y u upload, or u should have correct it by editing, its a time waste guys to watch this video

  • @aadityasharma530
    @aadityasharma530 Před 3 lety +1

    Pls give source code