Stopwatch using HTML CSS & JavaScript

Поделиться
HTML-код
  • Опубликовано: 2 июн 2024
  • 👋 Hey Friends!
    In this tutorial, we are creating a Stopwatch using HTML, CSS and JavaScript.
    Free Source Code:
    github.com/kaizhelam/Stopwatc...
    ⏱ Timestamps
    00:00 Intro
    00:07 Quick Demo
    00:39 HTML Tutorial
    2:09 CSS Tutorial
    5:31 JavaScript Tutorial
    13:05 Final Result Testing
    13:34 Thanks For Watching
    🔥 Want to master JavaScript? Get the complete JavaScript Book: kaizhelam.github.io/JS-Note-B...
    Get my Java Tutorial Book online for Free:
    cutt.ly/3c31V87
    👍 Subscribe for more tutorials like this:
    bit.ly/2Oajh4C
    Check my Personal Website:
    kaizhelam.github.io/website.com/
    ⭐️ Want to learn more from me? Check out these links:
    Java Programming Tutorial from scratch to advanced
    • Playlist
    HTML 5 Tutorial from scratch to advanced
    • Playlist
    CSS 3 Tutorial from scratch to advanced
    • Playlist
    JavaScript Programming from scratch to advanced
    • Playlist
    Data structure and Algorithm in C++
    • Playlist
    Please like and subscribe to my channel and press the bell icon to get new video updates.
    💖 Thanks for everything!

Комментарии • 39

  • @egregory314
    @egregory314 7 месяцев назад

    It's refreshing to find someone that creates short and succinct examples of JS-HTML-CSS. I'm hooked on your work. Your use of "tens" in this one confused me. I think "hundredths" would have been more clear as it took me several minutes to realize the execution interval you're using is hundredths of a second, ie. 10 milliseconds.

  • @tyler_payne
    @tyler_payne 9 месяцев назад

    Keep growing man you deserves 1 million subscribers ❤

  • @JoseWaldier
    @JoseWaldier Год назад +2

    Underrated Channel. You should be 1M

  • @theophilusjohan4254
    @theophilusjohan4254 2 года назад

    Amazing! Easy to understand

  • @abdolabdollah1783
    @abdolabdollah1783 2 года назад

    Great

  • @JarvisCodes
    @JarvisCodes 2 года назад +1

    Nice video bro! Keep up making good videos

  • @jslearner6346
    @jslearner6346 2 года назад

    Awesome

  • @ahmedrazakhan4669
    @ahmedrazakhan4669 Год назад +1

    It's working fine now, actually once I changed the script from head to body div it picked up Thanx

    • @CodeCreativeYT
      @CodeCreativeYT  Год назад

      Hi, can you please double-check what's the error you facing? for me is totally working fine. thanks

  • @azri6210
    @azri6210 2 года назад +2

    wow, it can be great tool sir 🤩

  • @akmalkarim5145
    @akmalkarim5145 2 года назад +4

    Hi man, why do we need to use clearInterval for button-start? I thought clearInterval is to stop the execution of setInterval?

    • @Coding-is-life
      @Coding-is-life Год назад

      It's because Interval is being set to setInterval

  • @kabeeskabees
    @kabeeskabees Год назад +1

    It's very very useful for me ☺️🎉
    Keep it up 🤠

  • @abujayed8999
    @abujayed8999 Год назад

    carry on the good job

  • @Kim-re7hs
    @Kim-re7hs 2 года назад

    Cool

  • @akmalkarim5145
    @akmalkarim5145 2 года назад +1

    hi can u explain why u use clearInterval for the button start?

    • @majdalin1265
      @majdalin1265 11 месяцев назад

      I was asking the same question

  • @USERGFD
    @USERGFD 2 года назад

    wow it worked!

    • @NEELAMHARSHAVARDHAN-CSEUGBATCH
      @NEELAMHARSHAVARDHAN-CSEUGBATCH Год назад

      bro it is asking At least one public class is required in main file ! what can I do?

    • @USERGFD
      @USERGFD Год назад

      @@NEELAMHARSHAVARDHAN-CSEUGBATCH Are you a second user? (not admin)

  • @DaymnDotEth
    @DaymnDotEth 2 года назад

    I have am issue, everything works fine until I start on the CSS page.. once I start on CSS and go back and load page all I get is 3 grey boxes in middle of the page with start/stop/reset... when you test page periodically and it has color and sized right, i get the same 3 grey boxes... im loading with live server, the filepaths are all the same etc...

    • @DaymnDotEth
      @DaymnDotEth 2 года назад

      ok So my filepaths were off, easiest thing to do rather than CWD in terminal was create a new folder.... So now theyre 100% same file path, resaved them all and when i load i just get the HTML 3 buttons top left... what do I do?

    • @CodeCreativeYT
      @CodeCreativeYT  2 года назад

      Hi bro, I've updated the design.
      You may grab the source code from the GitHub repo
      github.com/kaizhelam/Stopwatch.git
      So sorry for the inconvenience.

  • @SanjarSharofov-oy6zh
    @SanjarSharofov-oy6zh Год назад +2

    bro tens tens what does it mean

    • @CodeCreativeYT
      @CodeCreativeYT  Год назад

      Hi bro, tens is just a variable name as i store the value of minutes into the tens.

  • @peebabyyy
    @peebabyyy Год назад

    Where's the js?

  • @trinidadaguirre9082
    @trinidadaguirre9082 2 года назад +1

    I have a problem:(

  • @bishaljungpaudel2411
    @bishaljungpaudel2411 2 года назад

    come from what's app

  • @errongaren
    @errongaren 2 года назад

    Slow down a bit