Create a Date Time Widget with HTML, CSS & JavaScript

VIEW THE SOURCE CODE:
codepen.io/dcode-software/pen...
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/user/domenic-co...
🎨 Download my VS Code theme - marketplace.visualstudio.com/...
💜 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

Пікірлер: 33

  • @alanalmonasi
    @alanalmonasi2 жыл бұрын

    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

    2 жыл бұрын

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

  • @neontuts5637
    @neontuts56372 жыл бұрын

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

  • @dcode-software

    @dcode-software

    2 жыл бұрын

    Great tip!

  • @theitplace2999
    @theitplace2999 Жыл бұрын

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

  • @agi1041
    @agi10412 жыл бұрын

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

  • @dcode-software

    @dcode-software

    2 жыл бұрын

    Awesome - glad you liked it!

  • @enochauston4068
    @enochauston4068 Жыл бұрын

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

  • @francismwangi9752
    @francismwangi97522 жыл бұрын

    Thank you Dom. It was really heplfu;l

  • @gajanankanekar9118
    @gajanankanekar91189 ай бұрын

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

  • @mohammedelhoussni
    @mohammedelhoussni2 жыл бұрын

    thanks for this amazing video

  • @fullmetalfunk
    @fullmetalfunk Жыл бұрын

    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. :)

  • @dcode-software

    @dcode-software

    Жыл бұрын

    That's awesome to hear 😊

  • @leythecg
    @leythecg2 жыл бұрын

    Thanks a lot! Allways great content!

  • @dcode-software

    @dcode-software

    2 жыл бұрын

    My pleasure!

  • @beta6313
    @beta63132 жыл бұрын

    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?

  • @nasirmedia
    @nasirmedia Жыл бұрын

    Where past the html code?

  • @sardorshaokbarov9527
    @sardorshaokbarov95272 жыл бұрын

    thank you

  • @gopalloharnew5948
    @gopalloharnew59482 жыл бұрын

    DOM - Document Object Model !

  • @dcode-software

    @dcode-software

    2 жыл бұрын

    As they say 🤠

  • @williammakhoul6252
    @williammakhoul6252 Жыл бұрын

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

  • @chabinot2274
    @chabinot2274 Жыл бұрын

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

  • @sasa-gamer47
    @sasa-gamer472 жыл бұрын

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

  • @dcode-software

    @dcode-software

    2 жыл бұрын

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

  • @sasa-gamer47

    @sasa-gamer47

    2 жыл бұрын

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

  • @mdabdullahsohag5858
    @mdabdullahsohag58582 жыл бұрын

    thanks

  • @dcode-software

    @dcode-software

    2 жыл бұрын

    You're very welcome

  • @mickgordon763
    @mickgordon763 Жыл бұрын

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

  • @saplukoykuwarog9656
    @saplukoykuwarog96562 жыл бұрын

    More content please

  • @dcode-software

    @dcode-software

    2 жыл бұрын

    Coming your way!

  • @motasam8122
    @motasam8122 Жыл бұрын

    Your name is what ?? 💀

  • @osce8083
    @osce8083 Жыл бұрын

    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 😩