Random Number Generator App Using JavaScript | JavaScript Project Tutorial

Sdílet
Vložit
  • čas přidán 2. 08. 2024
  • In this video we are going to build Random Number Generator using HTML, CSS and JavaScript.
    Please Don't Forget Like this video and Subscribe to my Channel.
    Timestamps :
    00:00 Intro
    01:04 Project Setup
    01:16 Adding HTML
    02:00 Adding CSS
    04:56 Adding JavaScript
    09:36 Final Demo
    Previous Videos :
    ⮞ Live Characters and Words Counter | JavaScript Project
    • Live Characters and Wo...
    ⮞ Digital Clock | JavaScript Project
    • Create a Digital Clock...
    ⮞Temperature Converter | JavaScript Project
    • How to Build Temperatu...
    ⮞ Dark Theme to Light Theme | JavaScript Project
    • Dark / Light Mode Them...
    ⮞ Drag & Drop or Browse to Upload File | JavaScript Project
    • Drag & Drop or Browse ...
    Source Code :
    www.futurecodersweb.com/2022/...
    You can find me on:
    📸 Instagram: / somanath_goudar
    🌎 Website: somanath-goudar.github.io/por...
    📝 LinkedIn: / somanath-goudar-063aa21ba
    📂 GitHub: github.com/somanath-goudar

Komentáře • 27

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

    Small project-based learning videos are always best. I wish your channel grows fast(I know it will). A note - on line 9 in the js file when you put randomNumberGenerator with (), it didn't work but works without (). If you explain these kinds of small things, your videos would be much more informative. Great work :-)

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

      I am sorry! Sometimes I forget these kinds of small details to explain. I will make sure this wont happen from next videos. By the way :
      The reason why we dont use () is because, we are passing the function to addeventlistener as parameter.
      If I incude (), this will cause the function randomNumberGenerator to execute right away, Its not the right behaviour in case of addeventlistener. We want the function to be called when an event fires. Hope this helps.

  • @Shmevin
    @Shmevin Před 2 lety

    very helpful video. very informative in a short amount of time. There are other videos that go off topic but this one was just right.

  • @Oleksii_L
    @Oleksii_L Před 2 lety

    Very nice and informative video without too much water, thank you very much. I wish your channel growth)

  • @despoinachristodoulou6612

    Very informative and interesting video. If I could give you an advise would be to explain a bit more the code you are writing so even a beginer coder could understand and learn. Other than that your videos are really helpfull, keep it up man!

  • @notYOURMIKEY
    @notYOURMIKEY Před 2 lety

    OP🔥🔥🔥🔥

  • @knowledgewalatech
    @knowledgewalatech Před 2 lety

    Please create full stack blog application in Nextjs with tailwindcss

  • @whitedick542
    @whitedick542 Před rokem

    how can you turn this into an executable .exe file on your computer? so you dont have to open browser and its just a simple app

  • @chinesetiktok8785
    @chinesetiktok8785 Před rokem

    please show me how to limit button press down to 2 times

    • @FutureCoders
      @FutureCoders  Před rokem

      create an count variable and set it 2. whenever user clicks on it decrement it and check if it is equal to zero. If it is, disable the button

  • @_theshashwat_
    @_theshashwat_ Před 2 lety

    Please give me a code for auto playing video like Tiktok and reels play only one video a pause all video
    I commented 11 months ago in your reels hi design video please check onces

  • @Mr_Ib924
    @Mr_Ib924 Před 2 lety

    Sir my random no is not generated kindly reply

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

      Check browser's console for any errors. Also check code once.

    • @Mr_Ib924
      @Mr_Ib924 Před 2 lety

      Ok sir

  • @mahaveer5523
    @mahaveer5523 Před rokem

    Hello brother ek baat poochoon aspse

  • @topujss
    @topujss Před 2 lety

    I am surprised that you have better content's still not that much sub. In my idea, if you create another channel be in your native lang will be much more sub than this.

    • @FutureCoders
      @FutureCoders  Před 2 lety

      Thank you so much for saying that! I Kinda Lost Motivation, and this cheers me up! I am also thinking of doing another channel in my native language.

    • @knowledgewalatech
      @knowledgewalatech Před 2 lety

      @@FutureCoders bro don't loose your hope I support you

    • @FutureCoders
      @FutureCoders  Před rokem +1

      @@knowledgewalatech Thank you so much

    • @knowledgewalatech
      @knowledgewalatech Před rokem

      @@FutureCoders ❤️