Digital Clock Using HTML, CSS, & JavaScript

แชร์
ฝัง
  • เผยแพร่เมื่อ 28 พ.ย. 2024

ความคิดเห็น • 57

  • @antonrkid6118
    @antonrkid6118 2 หลายเดือนก่อน

    I have just started my learning of HTML and seeing your skill is very inspiring, I hope to be as competent as you one day thank you for the motivation

    • @learning-axis
      @learning-axis  2 หลายเดือนก่อน +1

      Thank you so much! I’m really glad to hear that my work has inspired you. Keep going, and with consistent practice, you’ll definitely become as skilled as you want to be.

  • @iqblfrmnsyah
    @iqblfrmnsyah 7 วันที่ผ่านมา +2

    THANKS BROOO

  • @khanubaid4546
    @khanubaid4546 ปีที่แล้ว +2

    Great

  • @isaac05617
    @isaac05617 22 วันที่ผ่านมา +1

    Thanks. This helps me lots. 😇

    • @learning-axis
      @learning-axis  21 วันที่ผ่านมา

      you always welcome

  • @weikra2023
    @weikra2023 ปีที่แล้ว +5

    Why do you use var not let?

  • @rickyp9803
    @rickyp9803 ปีที่แล้ว +3

    Thank you for separating the code and putting the CSS and JS in their own files.
    What does the asterisk for the first set of *{ } mean and why declare those two attributes that way?
    Learning development and doing your quick projects, but I've never seen the margin and the padding declared that way, always I've seen them in the body{ }
    Muchas gracias...

    • @learning-axis
      @learning-axis  ปีที่แล้ว +1

      The asterisk (*), the CSS universal selector, selects all items in an HTML file.
      If we declare anything in this it is applied to all elements of HTML.

  • @prof.abhishekguptakrishi
    @prof.abhishekguptakrishi ปีที่แล้ว +1

    Good effort!

  • @pricklypickles
    @pricklypickles 3 หลายเดือนก่อน +1

    Hi, great video. How would I go about adding 'st', 'nd' , 'rd' and 'th' to the days , eg, (1st, 2nd, 3rd and 4th e.t.c...). when applying to the dates? Thanks.

    • @learning-axis
      @learning-axis  3 หลายเดือนก่อน

      Thank you! You can add 'st', 'nd', 'rd', and 'th' to days by using a function that checks the last digit of the day and applies the correct suffix.

  • @hyperiontitan463
    @hyperiontitan463 3 หลายเดือนก่อน +1

    thank you man.

  • @destinrr5318
    @destinrr5318 ปีที่แล้ว +1

    Hello, is it worth learning html,CSS,js these days ? Very many people advise me against it because there is wordpress or webflow which is much faster, what do you think ?

    • @learning-axis
      @learning-axis  ปีที่แล้ว +9

      These platforms have limited options, with custom coding you can do whatever you want.

  • @dilavejahmad4783
    @dilavejahmad4783 5 หลายเดือนก่อน +2

    i have written same code in visual studio but correct time and second not run. how could i?

    • @learning-axis
      @learning-axis  5 หลายเดือนก่อน

      see the code link in description.

  • @relaxa4896
    @relaxa4896 8 หลายเดือนก่อน

    Danke!

  • @Aryanpa7
    @Aryanpa7 ปีที่แล้ว +2

    Pls link in description to copy it

  • @chenn23
    @chenn23 ปีที่แล้ว +2

    where i can learn the code like you? can i find it at dictionary html?

    • @learning-axis
      @learning-axis  ปีที่แล้ว +4

      first you have to learn basics of HTML, CSS and JavaScript

  • @cu_psy
    @cu_psy ปีที่แล้ว +2

    How do you get the actual time, I don't understand how do you get it

    • @learning-axis
      @learning-axis  ปีที่แล้ว +2

      const d = new Date();
      let time = d.getTime();
      use these commands to get time and date

  • @samha5243
    @samha5243 7 หลายเดือนก่อน

    Vielen Dank!

  • @andreans9861
    @andreans9861 2 หลายเดือนก่อน

    i'm error : Uncaught TypeError: Cannot set properties of null (setting 'innerHTML') at clock (main.js:8:47)

    • @learning-axis
      @learning-axis  2 หลายเดือนก่อน

      It seems like you're trying to set `innerHTML` on a `null` element. Make sure the element exists in the DOM before manipulating it. You can check with `document.getElementById` or similar methods to ensure it's not `null`.

    • @andreans9861
      @andreans9861 2 หลายเดือนก่อน +1

      @@learning-axis Thank you for finding the problem

    • @learning-axis
      @learning-axis  2 หลายเดือนก่อน

      @@andreans9861 you always welcome

  • @TechTrove999
    @TechTrove999 5 หลายเดือนก่อน +1

    how it will show am or pm?

    • @learning-axis
      @learning-axis  5 หลายเดือนก่อน

      it also need a JavaScript function

  • @SalmanKhan-zj5ut
    @SalmanKhan-zj5ut ปีที่แล้ว +1

    Mujhe coding sikhna hai sir plz

    • @learning-axis
      @learning-axis  ปีที่แล้ว +1

      videos follow kro IA seelh jao gy ap
      thank you

  • @drzion247
    @drzion247 10 หลายเดือนก่อน

    mine did not work. the clock was at the same date on the HTML...
    pls I'm just a beginner sir help

    • @raviashray1431
      @raviashray1431 6 หลายเดือนก่อน +2

      did you try linking html to js file?

    • @drzion247
      @drzion247 5 หลายเดือนก่อน

      @@raviashray1431 yes i did.

  • @MumbaiKaCoder
    @MumbaiKaCoder 10 หลายเดือนก่อน

    ASMR Coding - Creating Real Switch Button Animation using HTML and CSS th-cam.com/video/e5q3hzFJmgU/w-d-xo.html

  • @JejomarDequilla
    @JejomarDequilla 2 หลายเดือนก่อน

    It's not working sir, should I have to download some resources or something to make it work?

    • @learning-axis
      @learning-axis  หลายเดือนก่อน

      code link is given in description

  • @Search-Sensei
    @Search-Sensei ปีที่แล้ว

    Are you selling your TH-cam channel I want to buy

  • @santanuroy466
    @santanuroy466 8 หลายเดือนก่อน

    It's not working😢

  • @danielmatei4868
    @danielmatei4868 ปีที่แล้ว +1

    Hello! What these are practically doing? h = h

    • @YashiroAnubis-ht9mz
      @YashiroAnubis-ht9mz 11 หลายเดือนก่อน +3

      I think the main purpose is to beautify the display. These code will add a '0' adhead the hour or minute or second when they are less than 10. So they will be shown as '0x', and then they will display in the same width.
      The question mark is a conditional operator. It will return the value on the left of the ":" if the expression on the left of "?" is true, or return the value on the right of the ":" if the expression on the left of "?" is false.
      I am a novice and my English is not very good. I hope you can understand what I'm talking about.

    • @Marquss1
      @Marquss1 7 หลายเดือนก่อน +1

      Adding a "0" if the hours minutes seconds < 10 else does nothing

  • @khanubaid4546
    @khanubaid4546 ปีที่แล้ว

    I Know Little bit about Coding but I Couldn't Get The Same Results While Writing The Whole code from the clip 😰

    • @learning-axis
      @learning-axis  ปีที่แล้ว

      see code link in description

    • @janganbakarbuku
      @janganbakarbuku ปีที่แล้ว +1

      u might be type wrong between this symbol " and '

  • @IreritemDavidOfere
    @IreritemDavidOfere ปีที่แล้ว +1

    No voice commentary, I'm lost.

    • @rickyp9803
      @rickyp9803 ปีที่แล้ว

      If haven't yet, finish an HTML tutorial first, once done with that, CSS and JavaScript and you won't need any voice commentary, it will get much, much easier and is best for this "tutorial" not to have a voice as it moves you to research.
      Be well.

  • @abd0190
    @abd0190 10 หลายเดือนก่อน

    bro i need your help please
    can i have your e mail to send you about that i wanna make the ONLINE SHOES STORE complete codes and i dont have time for this project

  • @Royal.com777
    @Royal.com777 8 หลายเดือนก่อน +1

    Hello dada
    Mobile number 🙏🏻🙏🏻🙏🏻🙏🏻

  • @santanuroy466
    @santanuroy466 8 หลายเดือนก่อน +5

    It's not working😢