Frontend Mentor Age Calculator HTML,CSS,JS (Pixel Perfect)

Sdílet
Vložit
  • čas přidán 11. 04. 2023
  • In this video, I will teach you how to build an age calculator with HTML, CSS, and JS. This challenge is great for beginners, newbies, and anyone who wants a challenge
    Starter files:www.frontendmentor.io/challenges
  • Věda a technologie

Komentáře • 35

  • @idukpayealex
    @idukpayealex  Před rokem

    For Anyone having any Problems You Can Review the source code github.com/Esesosa-max/frontend-mentors/tree/main/age-calculator-app-main there or send me yours ✌✌

    • @black_edit75
      @black_edit75 Před měsícem

      in java code give error output_day.textContent = ageDay;
      in line tell me how to fix.

  • @owojerose5453
    @owojerose5453 Před 9 měsíci +2

    This is very helpful, please keep talking in your videos the explanation is really helpful

  • @ifeomaokpara9345
    @ifeomaokpara9345 Před 11 měsíci +1

    Thank u tech upfront your tutorial helped me figure out my mistakes please continue to talk while teaching its very helpful.🙏

  • @blessingike6829
    @blessingike6829 Před 11 měsíci +1

    Thank you for this
    It’s wonder and was really helpful 🙏🏾🙏🏾 and don’t stop explaining in subsequent videos 😁😁 we like your explanation

  • @beautifulone0
    @beautifulone0 Před rokem

    fixed the issue thank you your video was helpful

  • @kenny7106
    @kenny7106 Před rokem +4

    Hello,
    I think the calculateDate func has a bug… I tried to implement the code here but the day is off by 15 days.
    I had to change the getUTCDay to getUTCDate and it’s working fine now,
    Thanks for the upload it helped me a lot

  • @cocoanise-jz7bt
    @cocoanise-jz7bt Před 8 měsíci +1

    Talking helps a lot
    Please talk more if you can
    Beginners have questions 😢😅

  • @LevisSparkz
    @LevisSparkz Před 9 měsíci

    THank you mr Ojong

  • @user-hn3of1tr1i
    @user-hn3of1tr1i Před 4 měsíci

    thanks a lot❤

  • @techlanguagestamil8148

    Thank you! Your explanation is excellent...👌

    • @idukpayealex
      @idukpayealex  Před rokem

      🥰 This is really motivating, Thanks !. Do not forget to drop subscribe! reply to me if you did

  • @emmanuelameyaw5686
    @emmanuelameyaw5686 Před rokem +1

    But great video, I learnt some new stuff

  • @emmanuelameyaw5686
    @emmanuelameyaw5686 Před rokem +1

    And i think there should be dynamicity in the year checking
    something like:
    if (+input_year.value >new Date().toISOString().split("T")[0].split("-")[0] ) {
    error_year = "Must be a valid year"
    isValid = false
    return
    }

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

    But, what if it were a leap year, would that detect the input's error then?

  • @LevisSparkz
    @LevisSparkz Před 9 měsíci

    please how do i get the starter files??

  • @jesselucian106
    @jesselucian106 Před rokem

    My program is mostly functional, and I still used let birthday = ‘${monthInput.value} / ${dayInput.value} / ${yearInput.value}’; but for some reason when I submit the date, the results return as NaN, not with the actual calculation. Other than that this was very helpful!

    • @blessingike6829
      @blessingike6829 Před 11 měsíci +1

      Remove the $ and the ‘
      And you can also try using just getfullyear without of adding the UTC
      Same goes for the rest
      Had similar issues

  • @black_edit75
    @black_edit75 Před měsícem

    i write all code same as you but it give error in javacode at line 90, can you provide me your java code .

  • @beautifulone0
    @beautifulone0 Před rokem

    the are working now but the page reloads so quickly

  • @beautifulone0
    @beautifulone0 Před rokem

    any solution to that?

  • @joeyreyes9666
    @joeyreyes9666 Před 2 měsíci

    but some months have 31 days and some have 30 days. and february has 28 days. it doesn’t account for that

  • @derekmcdermott7291
    @derekmcdermott7291 Před rokem +2

    Great tutorial video. I did everything as instructed but when I click the submit button my values are Nan, Nan, Nan (years, months, days)

    • @idukpayealex
      @idukpayealex  Před rokem +1

      did you check the source code? or Send your Code if possible I will fix it and tell you what is wrong

    • @derekmcdermott7291
      @derekmcdermott7291 Před rokem

      @@idukpayealex your email?

    • @idukpayealex
      @idukpayealex  Před rokem

      @@derekmcdermott7291 it is idukpayealex@gmail.com

    • @derekmcdermott7291
      @derekmcdermott7291 Před rokem

      @@idukpayealex I have gotten the solution. I used quotes for my /${} instead of backticks

    • @idukpayealex
      @idukpayealex  Před rokem

      @@derekmcdermott7291 Nice! did you use the source code? because I dropped it in the video comments

  • @beautifulone0
    @beautifulone0 Před rokem

    please my codes dosent seem to be working i dont seem to know whats wrong and yes continue talking in the videos

    • @idukpayealex
      @idukpayealex  Před rokem

      OK, I will keep on talking in my next video. are you subscribed? please do. Anyway, I will send you the final files for the project but send me your code if possible. Anyway I will wait for your reply

  • @trendingbyprincess
    @trendingbyprincess Před rokem +1

    Yes keep talking

  • @rachidheike
    @rachidheike Před rokem +1

    the function CalculateDate() isn't working with me . can you share how could I fix that and thank you

    • @rachidheike
      @rachidheike Před rokem

      I have found the error in my code after 4 days of reading the code repeatedly and today I have found out the I have forgotten the hash # and instead I have written a dot . while calling the outputs . Thank you anyway for this helpful video .

  • @LevisSparkz
    @LevisSparkz Před 9 měsíci

    impiut element.......hahaha....!!!!

  • @emmanuelameyaw5686
    @emmanuelameyaw5686 Před rokem

    isValid = false
    error_day.textContent = "This field is required"
    isValid = false // Bro you're not writing DRY code
    // Also the error message is quite misleading