[2]Simple Quiz using Html and Javascript

Поделиться
HTML-код
  • Опубликовано: 1 дек 2024

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

  • @BeeCoderGames
    @BeeCoderGames  2 года назад

    (Updated video) with
    Html + JavaScript + Bootstrap + database:
    ruclips.net/video/bE4jSBtqQ-4/видео.html

  • @gregmumbai333
    @gregmumbai333 2 года назад +1

    These two quiz tutorials are really great and complement each other very well. Good refresher on the basics. Cheers!

  • @mihaeladaniela6871
    @mihaeladaniela6871 2 года назад +2

    Thank you so much! I spent HOURS searching for a good model for a quiz, finally I found you! I'm so happy c:

    • @BeeCoderGames
      @BeeCoderGames  2 года назад +1

      I'm glad It was helpful for you :)

  • @rushikesharote5465
    @rushikesharote5465 2 года назад +1

    Bro i love you bro you are the inteligent person i saw many tutorials but this one is easy and accurate thanku so much man you i am finding easy tutorial from last 2-3 fays thank god i got your video and you are awesom man keep growing keep going 💕

  • @ScreenPrintR
    @ScreenPrintR 2 года назад

    Very nice. Works the first time. Didn't have to try to fix anything.

  • @ayashawkii9298
    @ayashawkii9298 2 года назад

    Thaaaaaaaaaaaaaanks you have a great way to teaching, keep going

  • @skogamingstudio577
    @skogamingstudio577 3 года назад +1

    Nice.

  • @sherazsayed
    @sherazsayed 3 года назад

    Excellent Video Man It will be great if you share the previous button code logic

    • @BeeCoderGames
      @BeeCoderGames  3 года назад +1

      Its same as next function with few changes
      First define previous button in every question same as next
      Then in set previous function to:
      document.getElementsByClassName('container')[id].style.display = "none";
      document.getElementsByClassName('container')[id-1].style.display = "block";

  • @michaelkaburu939
    @michaelkaburu939 2 года назад

    very helpful
    how can one apply style to the final score page after clicking submit button

  • @kimlavi
    @kimlavi Год назад

    how to add css style to the result page bro?
    i am currently doing my project but stuck in the result page style.
    i don't know how to add style to the result page
    pls help me

  • @S.K.Mandal108
    @S.K.Mandal108 3 года назад +1

    It's not work in blogger side

  • @rejwanali9649
    @rejwanali9649 2 года назад

    Thanks bro! When I refresh page the last question always appears it does not go back to first question. Pls help...

  • @adminbay1526
    @adminbay1526 3 года назад

    Nice... simply how to upload in so can online?

  • @salubarubyjaneo.9275
    @salubarubyjaneo.9275 Год назад

    Paanu po pag Yung mga question ay tuloy tuloy imean nakalabas sya lahat , hindi Po sya Yung naga next Ng page ? Ginaya ko Naman Po Yung code nyo Sana po masagot para lang sa project 🙏🏻🙏🏻

  • @d_kousei
    @d_kousei 2 года назад

    That's good, but how to make restart button?

  • @cristianleonardosarmientom8112
    @cristianleonardosarmientom8112 3 года назад

    Excellent video. How could I apply css to the document.write stuff you created at the end?

    • @BeeCoderGames
      @BeeCoderGames  3 года назад +1

      Well, simplest way is to create a class and apply CSS to it👍

  • @xtrec1968
    @xtrec1968 3 года назад

    so you can explain me the funcion "next" idk what happend and how its work

    • @BeeCoderGames
      @BeeCoderGames  3 года назад +1

      The next function actually removes the previous question using the id and loads the next question to the user :)

  • @tathir
    @tathir 3 года назад

    How can I add a timer & auto submit?

    • @BeeCoderGames
      @BeeCoderGames  3 года назад

      You can use timer countdown like this:
      function timer(){
      var tm = 30;
      var timer = setInterval(function(){
      document.getElementById('Display').innerHTML='00:'+tm;
      tm--;
      if (tm < 0) {
      clearInterval(timer);
      }
      }, 1000);
      }

    • @hasanatahmad6616
      @hasanatahmad6616 2 года назад

      @@BeeCoderGames Dear bro, excellent thank you so much really helpful but as the brother ask you about adding timer will you please make another video related to adding timer and to make this html more colorful or specialized please make this one please we will be very grateful brother

  • @dharshini5708
    @dharshini5708 3 года назад

    It's not working in notepad...... can you share the code for that

    • @BeeCoderGames
      @BeeCoderGames  3 года назад

      In the description :)

    • @dharshini5708
      @dharshini5708 3 года назад

      @@BeeCoderGames it's not working in notepad brother

    • @BeeCoderGames
      @BeeCoderGames  3 года назад

      Bruh watch full video
      it works in .html format and open with Browser

    • @dharshini5708
      @dharshini5708 3 года назад

      @@BeeCoderGames thank you bro 🙏 it's working ❤️

    • @BeeCoderGames
      @BeeCoderGames  3 года назад +1

      @@dharshini5708 😁👍

  • @zohidxolbekov-g2q
    @zohidxolbekov-g2q Год назад

    Ok