Create a Date Time Widget with HTML, CSS & JavaScript

Sdílet
Vložit
  • čas přidán 28. 08. 2024
  • VIEW THE SOURCE CODE:
    codepen.io/dco...
    In today's video we'll create a date time widget using HTML, CSS and JavaScript. There will be libraries or frameworks required for this and it will update with the current time.
    🏫 My Udemy Courses - www.udemy.com/...
    🎨 Download my VS Code theme - marketplace.vi...
    💜 Join my Discord Server - / discord
    🐦 Find me on Twitter - / dcodeyt
    💸 Support me on Patreon - / dcode
    📰 Follow me on DEV Community - dev.to/dcodeyt
    📹 Join this channel to get access to perks - / @dcode-software
    If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!
    #dcode #javascript #html

Komentáře • 33

  • @alanalmonasi
    @alanalmonasi Před 2 lety +3

    Hi, i just found your channel, and as a begginer in JS i think it is the best channel i’ve watched because you make explanations very very clear, si thank you, keep it up! I think you should have more suscribers and views!

    • @dcode-software
      @dcode-software  Před 2 lety

      Awesome, thank you! Happy to hear you're liking the content 🙂

  • @neontuts5637
    @neontuts5637 Před 2 lety +3

    Thanks for sharing dom. I like to wrap the time in "" HTML semantic element.

  • @theitplace2999
    @theitplace2999 Před 2 lety

    New to JS this video broke it down easily for me thank you

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

    Excellent. Straight to the point with good explanations and examples.

  • @enochauston4068
    @enochauston4068 Před rokem

    WE GIVE ALL CREDITS TO YOU!! THANKS, GREAT GUIDANCE!

  • @nasirmedia
    @nasirmedia Před rokem +1

    Where past the html code?

  • @gajanankanekar9118
    @gajanankanekar9118 Před 10 měsíci

    Thank you very much Sir. I implemented it in my project. Thanks once again.

  • @fullmetalfunk
    @fullmetalfunk Před rokem

    thanks so much for this! i'm definitely subscribing. i'm an absolute beginner to coding but i used this and tweaked it a bit (changed the colors, the size, and i added seconds!) and added it to a website for Hacktoberfest for my first pull request. :)

  • @francismwangi9752
    @francismwangi9752 Před 2 lety

    Thank you Dom. It was really heplfu;l

  • @beta6313
    @beta6313 Před 2 lety

    Hi, thanks for the tutorial! I have one question, I'm a newbie, how can I separate the Month, Week and Day? I want to do a widget where the month, week, and day are in separate lines! I did it with the HTML and CSS, but the JS part got me confused, lol, can you help me?

  • @mohammedelhoussni
    @mohammedelhoussni Před 2 lety

    thanks for this amazing video

  • @chabinot2274
    @chabinot2274 Před rokem

    Hi,
    Can you tell me that when I reload the page the time disappears and reappears ?
    Regards

  • @williammakhoul6252
    @williammakhoul6252 Před rokem

    will this be reusable, i have an asp panel that i want to convert to client side, will it work fine ?

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

    DOM - Document Object Model !

  • @mickgordon763
    @mickgordon763 Před rokem

    I do exactly what you doing, without mistakes, but background colour not change, idk what i need to do. Please help.

  • @leythecg
    @leythecg Před 2 lety

    Thanks a lot! Allways great content!

  • @sardorshaokbarov9527
    @sardorshaokbarov9527 Před 2 lety

    thank you

  • @sasa-gamer47
    @sasa-gamer47 Před 2 lety

    Please a video on how to make a notification system for the browser and for mobile too if possible

    • @dcode-software
      @dcode-software  Před 2 lety +1

      Hey, I've got a video out somewhere about notifications in the browser.

    • @sasa-gamer47
      @sasa-gamer47 Před 2 lety

      @@dcode-software okay, thanks, I'll try find it

  • @mdabdullahsohag5858
    @mdabdullahsohag5858 Před 2 lety

    thanks

  • @saplukoykuwarog9656
    @saplukoykuwarog9656 Před 2 lety

    More content please

  • @motasam8122
    @motasam8122 Před rokem

    Your name is what ?? 💀

  • @osce8083
    @osce8083 Před rokem

    if I try to display the current time like 12:56 I always get an error:
    Uncaught ReferenceError: formatTime is not defined VM1106:1 at :1:1
    I don't get it, I did the same like u but it is not working and I can't fix it 😩