Learn HTML, CSS & JavaScript by coding a Stopwatch | A beginner tutorial

Поділитися
Вставка
  • Опубліковано 26 лис 2024

КОМЕНТАРІ • 73

  • @simplesteplearning889
    @simplesteplearning889 3 місяці тому

    Great, thanks! I've only been coding with HTML, CSS, and JS for about 2 months, and I was able to follow everything without getting lost, and feel confident that I can build this project to solidify the skills you're teaching. Well done, Tyler 🙂

  • @Mike-Zz
    @Mike-Zz 2 роки тому +7

    Finally someone who uses const and let instead of var. I can see you're a man of culture as well.

  • @natevaub
    @natevaub 2 роки тому +2

    Excellent tutorial, Im starting my webdev journey and I had this idea of a pomodoro site with countdown timer for my first project. This video is a gem. Greetings from france

  • @hiwayshoes
    @hiwayshoes 3 роки тому +5

    Dear Tyler, thank you for sharing your tutorial, I am very much a novice with all things coding, your explanation is perfect for those of us just getting our feet wet with coding. All the best to you and your channel, Cheers!

  • @quinnlutters7971
    @quinnlutters7971 Рік тому +2

    Excellent tutorial, I had to make this for school didn't understand anything from every video or research i've done, but know I'm actually confident I can do it myself!

  • @pkorneev5226
    @pkorneev5226 Рік тому

    really really cool vids. U can see that it is the real dev's work here. Not that clowns who just trying to teach you syntax of language and given 0 useful information besides of that.

    • @pkorneev5226
      @pkorneev5226 Рік тому

      Huge like and immidiatly subscribed

  • @TrueFactFrenzy
    @TrueFactFrenzy 2 роки тому +4

    Awesome. I now realised after watching, why my stopwatch keeps incrementing after I press the stop button. Thank you for that!!

  • @local_sensei
    @local_sensei 2 роки тому +1

    Great video! How can I write out milliseconds? I'm stuck!

  • @kenesu-senpai2307
    @kenesu-senpai2307 Рік тому +1

    What if I want to add milliseconds? How do I code it?

  • @rodrigofarinha6085
    @rodrigofarinha6085 2 роки тому

    I Tyler! it´s possible to add this code to a google script (in a google sheet) ?
    Thanks for the video!!

  • @v-risparnris5756
    @v-risparnris5756 2 роки тому +1

    Dear Tyler, If i want a source code about this clip (.html, .css .js), i will download or ...
    Thank you

  • @drishtisaraf8357
    @drishtisaraf8357 Рік тому

    why did we use both .watch and .time in the first queryselector?

  • @jluna231
    @jluna231 Рік тому

    Thanks bro. I have a lot of work to keep doing.

  • @nsikakakpan6638
    @nsikakakpan6638 2 роки тому +1

    Thanks. This video was really helpful

  • @HusanboyMakhmudov-k6h
    @HusanboyMakhmudov-k6h 11 місяців тому

    thank you teacher i have learned many things especially (var in css ) just like that

  • @grandeorsocapo
    @grandeorsocapo 2 роки тому +2

    how did you change the color for concatenation ? (look at 15:59, when you write time_el.innerText = `${}:etcetc) i tried to change it in the json theme file but it seems that it's not managed... i have everything purple after the ` .
    thank you
    ps: anybody know how to do it?

    • @TylerPotts
      @TylerPotts  2 роки тому

      Sorry I'm not sure it just works for me 😅

    • @grandeorsocapo
      @grandeorsocapo 2 роки тому

      @@TylerPotts i hate you XD
      ps: awesome vids!

    • @mukuljoshi54u75
      @mukuljoshi54u75 Рік тому

      Yes brother same problem
      Please give me any solution for this innerText

  • @sibanandanayak22
    @sibanandanayak22 2 роки тому +1

    my button did'nt worked please help ,i wrote exact same code.

  • @CryztalSeth
    @CryztalSeth 2 роки тому +2

    Mad skills!
    Thanx 4 doin' what U do!
    Keep on .....Keepin' on!

  • @vinodphalke2121
    @vinodphalke2121 2 роки тому +2

    Thanks for superb video man

    • @TylerPotts
      @TylerPotts  2 роки тому

      Thanks for watching, Vinod!

  • @militisorphic
    @militisorphic 2 роки тому

    Cool video, but why you didn't put results button? Actually its important for interviews

  • @kyle1200
    @kyle1200 Рік тому

    My start button stops working completely even though I have the exact same code.

  • @asher05
    @asher05 Рік тому

    It Just keeps adding 0s when the minutes or seconds = 0... whyyy?

  • @blueblue9410
    @blueblue9410 2 роки тому

    Thank you! Great tutorial!

  • @alirezahoseinzade1014
    @alirezahoseinzade1014 2 роки тому +1

    very good..tnx

  • @arslangill2200
    @arslangill2200 2 роки тому

    very nice tutorial very clear logic and clean code building. Thanks

  • @thelastcrusaders6317
    @thelastcrusaders6317 3 роки тому +1

    i just clicked the bell icon!

  • @albanustemu7396
    @albanustemu7396 2 роки тому +2

    Is that a vanilla javascript????

  • @TheCrowdel
    @TheCrowdel 2 роки тому

    why my stop button is reseting the time ??

  • @Dvir1225
    @Dvir1225 2 роки тому

    at 3:36, how did you add the ID to all the buttons at once?

    • @jamalmouatir6601
      @jamalmouatir6601 2 роки тому

      omg same question i spent 1 hour trying to figure it out

    • @MrCroowN
      @MrCroowN 2 роки тому +1

      You do it by button*3.CLASSNAME so for his example it is button*3.start

    • @costingeorgescu9760
      @costingeorgescu9760 2 роки тому

      @@MrCroowN or # in case of the ID selector shown here

  • @xuyennguyenthi1274
    @xuyennguyenthi1274 3 роки тому +1

    Thank you very much!

  • @grndhustle
    @grndhustle 2 роки тому +1

    bro, you are top, thanks a lot

  • @pav4540
    @pav4540 Рік тому

    Thanks tyler

  • @ansahsiddiqui1384
    @ansahsiddiqui1384 2 роки тому

    hey thank you so much! Is the source code available?

  • @sahiraahamed
    @sahiraahamed Рік тому

    Thanks a lottttt👏

  • @maxjohnson7623
    @maxjohnson7623 2 роки тому +1

    thank you so much!

  • @NERO-ez1mn
    @NERO-ez1mn 3 роки тому +1

    senpai can u do an electron tutorial? maybe just a system information application or is ELECTRON JS really dead? btw senpai what is your vs code font i've been lookin for that one but i don't know the name

    • @TylerPotts
      @TylerPotts  3 роки тому

      I'll take a look! I haven't used it for a while! My fonts are set as Consolas, 'Courier New', monospace but I'm not sure if that's correct xD

    • @NERO-ez1mn
      @NERO-ez1mn 3 роки тому +1

      @@TylerPotts o fck that was just a consolas 😱 i've been struggling for the electron been wanting to know how to integrate it with react and a frameless windows but it is so complicated when it comes to renderer processes. maybe you can make it more easy to explain it

    • @TylerPotts
      @TylerPotts  3 роки тому

      It may not come out until next week as I need to relearn it all hopefully I can help

    • @NERO-ez1mn
      @NERO-ez1mn 3 роки тому

      @@TylerPotts o i will wait for it 😍

  • @adwiyadeshpande9683
    @adwiyadeshpande9683 3 роки тому +1

    Shouldn't this be chaos's next project?

    • @TylerPotts
      @TylerPotts  3 роки тому

      Ha, yeah it'll be a good one for him!

  • @amniar8158
    @amniar8158 2 роки тому

    thankyou so much man, never give up, you are great and god bless :)

    • @TylerPotts
      @TylerPotts  2 роки тому

      Glad I could help

    • @mandeepsingh9469
      @mandeepsingh9469 2 роки тому

      @@TylerPotts sir my stop and reset buttons are not working even when I copied your code from GitHub

    • @mandeepsingh9469
      @mandeepsingh9469 2 роки тому

      @@TylerPotts please help me

  • @omsomol.j2501
    @omsomol.j2501 2 роки тому

    thanks a lot👍👍👍

  • @webstartergurus4463
    @webstartergurus4463 Рік тому

    nice video

  • @bubbletea8793
    @bubbletea8793 Рік тому

    thank you

  • @dexterdragons
    @dexterdragons 3 роки тому

    hey, wallpaper?

    • @TylerPotts
      @TylerPotts  3 роки тому

      Hey it is: assets.materialup.com/uploads/e5b26525-087b-4fd7-a86b-2f2e02eb6516/attachment.png

  • @tubextiyarli
    @tubextiyarli 2 роки тому

    Thanks bro

  • @MaybeFai
    @MaybeFai 3 роки тому

    How can i make it a website ?

    • @TylerPotts
      @TylerPotts  2 роки тому

      Sorry I'm not sure what you mean?

  • @manavmehta6433
    @manavmehta6433 2 роки тому

    I am super bad with math
    "Math.floor((seconds - (hrs * 3600)) / 60);"
    when you do this I dont understand the math
    if my seconds = 3719
    as per my formula im it would be
    math.floor( ( 3719 - 3719) / 0)
    timestamp is 17:22 in the video

  • @jluna231
    @jluna231 Рік тому

    Sometimes i feel like i should be proud of the progress ive made, but am not that type of person.

  • @lyletilley7428
    @lyletilley7428 2 роки тому +1

    Secs.