How To Make Quiz Website Using HTML CSS And Javascript

Поделиться
HTML-код
  • Опубликовано: 26 май 2023
  • How to Make Quiz Website using HTML CSS and Javascript, How to Create Quiz Website using HTML CSS & Javascript, How to Make Quiz Website, How to Create Quiz Website, Quiz Website using HTML and CSS, Quiz Website using Javascript, How to Make Quiz Website in Javascript, Quiz App Javascript
    Click For More: / @codehal
    Website:
    codehalweb.com/
    -------------------------------------------------------------------
    Get Source Code from here and support me ❤
    www.buymeacoffee.com/codehalY...
    Get Source Code by PayPal
    ko-fi.com/s/ef36e7b279
    🔔 Subscribe Now!
    / @codehal
    Related Videos:
    1. How to Create a Website using HTML and CSS Step by Step Tutorial | Website Design
    • How to Create a Websit...
    2. How to Make a Website with Text Animation Effects using Only HTML & CSS
    • How to Make a Website ...
    3. Responsive Website Landing Page Design | HTML CSS and JavaScript
    • Responsive Website Lan...
    4. CSS Parallax Scrolling Website | How to Make Website using HTML CSS and Javascript
    • CSS Parallax Scrolling...
    5. How To Make A Website With Login And Register | HTML CSS & Javascript
    • How To Make A Website ...
    Download Image & Start Project From Scratch:
    drive.google.com/file/d/1mFLa...
    Image Sources:
    Image created by freepik
    www.freepik.com/free-vector/f...
    Codehal
    -------------------------------------------------------------------
    #css #cssanimation #csseffect #codehal
    -------------------------------------------------------------------
    Disclaimer video is for educational purpose only. Copyright Disclaimer Under Section 107 of the Copyright Act 1976, allowance is made for "fair use" for purposes such as criticism, comment, news reporting, teaching, scholarship, and research. Fair use is a use permitted by copyright statute that might otherwise be infringing. Non-profit, educational or personal use tips the balance in favor of fair use.

Комментарии • 93

  • @willwalsh9174
    @willwalsh9174 10 месяцев назад +4

    Amazing! From start to finish this tutorial did not have one instance of outdated, invalid, or any type of error. The end result is a beautiful quiz app in both the UI and backend. Thank you!

  • @atikadewi1118
    @atikadewi1118 11 месяцев назад +8

    Good job, I like it

  • @VSprogrammering
    @VSprogrammering 10 месяцев назад +1

    Perfect 👌

  • @raphaelsantos3523
    @raphaelsantos3523 9 месяцев назад

    Simply amazing! Thank you so much, Codehal :D

  • @berkaybakacak
    @berkaybakacak 10 месяцев назад +1

    The design, theese colors… you are great😁

  • @ganeshgupta9692
    @ganeshgupta9692 11 месяцев назад

    To much Awsm Bro ❤ colour Combination nxt lvl All r very good 😊

  • @KarahSarkar1008
    @KarahSarkar1008 8 месяцев назад

    Good project bana h 🙏🙏

  • @aayanansari4106
    @aayanansari4106 8 месяцев назад

    Good job bro keep it up and make this type of videos more

  • @researchgoater
    @researchgoater 8 месяцев назад +1

    Nyc

  • @Degamer790
    @Degamer790 6 месяцев назад +1

    Thank you for this great tutorial. Are we allowed to use the code in our personal portfolios, and do we need to attribute you?

  • @LorsExtremadura
    @LorsExtremadura 27 дней назад

    You are a legend bro! Mind-blowing!

  • @EasyLearningToProgram
    @EasyLearningToProgram 11 месяцев назад

    Good

  • @LordKrishnaOurLifeline
    @LordKrishnaOurLifeline 11 месяцев назад +2

    Awesome! Project sir, Thanks a lot. 😍😍
    Now i am member of this beautiful codehal family

  • @bipinm6074
    @bipinm6074 5 месяцев назад

    Good work .....

  • @FranciscoJavierMurilloVasquez
    @FranciscoJavierMurilloVasquez 6 месяцев назад

    Amazing video!!!

  • @sadafnoori7555
    @sadafnoori7555 Месяц назад

    Amazing! You are great.

  • @user-fg5vv4iw3j
    @user-fg5vv4iw3j 2 месяца назад

    Perfectly Good Video !

  • @AnimatedLyrics-Songs
    @AnimatedLyrics-Songs 10 месяцев назад

    thx

  • @BadGringo
    @BadGringo 3 месяца назад +1

    I appreciate,, used this on a client's project

  • @willwalsh9174
    @willwalsh9174 10 месяцев назад +5

    If result screen percent calculator results in a non-full number (i.e. 23.4553323333) the counter will continue counting beyond 100. This change will allow you to add more questions (any number) and the results screen will calculate correctly (correct/total questions): (script.js) let progressEndValue = (Math.floor((userScore / questions.length) * 100));

  • @nikochiabrishvili277
    @nikochiabrishvili277 2 месяца назад

    Thanks!

  • @fahmimfs4134
    @fahmimfs4134 3 месяца назад

    Thanks for your tutorial, may I know what extention you're using in this tutorial?

  • @zohaibshaik
    @zohaibshaik 7 месяцев назад

    Hey codehal need your help??
    while i'm running through this i'm carefully watched what you have done i ran into a problem.

  • @nabeelmirza8801
    @nabeelmirza8801 11 месяцев назад +2

    Wow! Codehal your videos are always amazing.

    • @codehal
      @codehal  11 месяцев назад +1

      Hei, thanks 💚

  • @MuhammadMd-wi3sp
    @MuhammadMd-wi3sp 5 месяцев назад

    can you make this website more means at click in about something and also when click inService this website shows something

  • @n-sy7pd
    @n-sy7pd 11 месяцев назад

    Can you do a video on creating poll

  • @Susiya_subraj
    @Susiya_subraj 9 месяцев назад +1

    @codehal
    please. Can you please tell me the theme

  • @PreciousMcKissick
    @PreciousMcKissick Месяц назад

    Thank you for sharing this! I've come across a problem. Gotten to the point where adding the numbers to the questions but I've copied the code and its not showing and I cannot click through on the next button. Rewatched and checked code like 10 times.

  • @katherinescott3360
    @katherinescott3360 9 месяцев назад +5

    I have a question and would really appreciate some help. I used this to help create my own quiz. It turned out as expected. Mine is much longer with 30 questions and I have a picture in the background of the quiz section. I have been trying to write the code that will change to a new pic after every 5 questions. I have been struggling with this, would love some help. Thanks

    • @annetheresehansen7883
      @annetheresehansen7883 17 дней назад

      How were you able to add more questions? I can't seem to change it...?

  • @pardeepgaming9629
    @pardeepgaming9629 11 месяцев назад +4

    How to create a database?

  • @milakho8161
    @milakho8161 4 месяца назад

    Do you have responsive part? Or where I can get it?

  • @iolo3932
    @iolo3932 8 дней назад

    The Correct and incorrect function is not working for me, it sets all answers as wrong, what should I do?

  • @dimasadirivanto9016
    @dimasadirivanto9016 7 дней назад

    Can this website be used for interactive animation?

  • @HimanshuKumar-fz2iu
    @HimanshuKumar-fz2iu 3 месяца назад

    can we use this project in our resume?

  • @FnexGaming
    @FnexGaming 16 дней назад

    everything works execpt, in the quiz it says "1- What does HTML stand for", how do i do so it is 1. and not 1-

  • @SpaceGlaxay
    @SpaceGlaxay 5 месяцев назад

    in circularprogress (circularprogress.style.background) property not workwhen i apply, how fix , when u write it work but when i use that code not working

  • @SIRICKYT
    @SIRICKYT 4 месяца назад +1

    1:00:15

  • @uchejahbolu1827
    @uchejahbolu1827 5 месяцев назад

    how do you get your picture?

  • @onesahara
    @onesahara 10 месяцев назад +2

    Hey!! Can i use your code for my computer science project? Im making a quiz too😁

  • @ArcaEriman
    @ArcaEriman 10 месяцев назад

    hello vscode what name is theme ?

  • @m.salmanraja2227
    @m.salmanraja2227 11 месяцев назад +2

    which theme you use in vs. ode

    • @codniki
      @codniki 5 месяцев назад

      it is Tokyo Night theme which is i am using too

  • @willwalsh9174
    @willwalsh9174 10 месяцев назад

    Can someone add code to randomize the questions? I'm looking into it now and will add solution if it works HOWEVER I'm really new to coding.

  • @ArtiSingh-we1yy
    @ArtiSingh-we1yy 2 месяца назад

    Code kis app pr likh rhe ho aap

  • @mikhaildolgov
    @mikhaildolgov 11 месяцев назад

    👍

  • @kirtisinhrajput3406
    @kirtisinhrajput3406 2 месяца назад

    How can we add admin panel into this code?

  • @user-fg5vv4iw3j
    @user-fg5vv4iw3j 2 месяца назад

    Sir i have a problem , kia me ap se contact kar sakti hun plz guide me...

  • @SuccessGeek
    @SuccessGeek 8 месяцев назад

    @20:18 / 1:35:26

  • @joysaha231
    @joysaha231 10 месяцев назад

    This project is responsive?

  • @hildablessy7047
    @hildablessy7047 3 месяца назад

    Hi will i able to buy a code..??

  • @gogiabuselizde4019
    @gogiabuselizde4019 4 дня назад

    @codehal phone version?

  • @run2gyu_
    @run2gyu_ Месяц назад

    17:57

  • @prajyotpawar7345
    @prajyotpawar7345 2 месяца назад

    From where I can get source code ?

  • @run2gyu_
    @run2gyu_ Месяц назад

    6:23

  • @codorna_system
    @codorna_system 11 месяцев назад +1

    Are you responsive?

  • @gogiabuselizde4019
    @gogiabuselizde4019 5 дней назад

    hello , questionText.textContent = '${questions[index].numb}. ${questions[index].question}'; How to write this correctly help me? It's at 46:51 in the video

  • @lemonking9455
    @lemonking9455 Месяц назад

    I loved your video but the progress bar at the end for mine stayed the same and did not move. Can you help me with this?

  • @SpaceGlaxay
    @SpaceGlaxay 5 месяцев назад

    is this responsive website

  • @run2gyu_
    @run2gyu_ Месяц назад

    25:19

  • @propmgamingyt
    @propmgamingyt Месяц назад

    I've already watched up to 17:42

  • @devadharshiniloganathan8434
    @devadharshiniloganathan8434 6 месяцев назад

    Can you pls send a code ?

  • @bolormaats5636
    @bolormaats5636 Месяц назад

    48:54

  • @bolormaats5636
    @bolormaats5636 Месяц назад

    48:05 how?? It is not working in my code??

  • @run2gyu_
    @run2gyu_ Месяц назад

    53:11

  • @jonathanwhitmore6176
    @jonathanwhitmore6176 2 месяца назад

    @codehal Hey good afternoon, can you send me the source code? Would like to use for a school project. :D

  • @run2gyu_
    @run2gyu_ Месяц назад

    11:29

  • @Susiya_subraj
    @Susiya_subraj 9 месяцев назад +1

    which theme it is
    CAN ANYONE TELL ME PLEASE
    🥺🥺🥺🥺🥺🥺🥺

    • @SIRICKYT
      @SIRICKYT 7 месяцев назад

      Monokia i think

  • @4sv7
    @4sv7 11 месяцев назад

    can i use it for my final project please

  • @bolormaats5636
    @bolormaats5636 27 дней назад

    1:02:56

  • @dosnan7461
    @dosnan7461 12 дней назад

    can somebody send me code please i need this for my project pleasee begginnn youuuu

  • @bolormaats5636
    @bolormaats5636 27 дней назад

    1:02:59 option correct??

  • @sunilphadtare4629
    @sunilphadtare4629 3 месяца назад

    Can you plz send source code

  • @hildablessy7047
    @hildablessy7047 3 месяца назад

    After payment when i receve my project@codehal

  • @run2gyu_
    @run2gyu_ Месяц назад

    50:30

  • @Kardam_LuciFer
    @Kardam_LuciFer 3 месяца назад

    1:19:22

  • @viniciuss.9250
    @viniciuss.9250 8 месяцев назад

    This project is responsive?

  • @run2gyu_
    @run2gyu_ Месяц назад

    20:12

  • @run2gyu_
    @run2gyu_ Месяц назад

    54:07