• Post category:StudyBullet-13
  • Reading time:4 mins read


Learn to create Quiz using HTML, CSS, Bootstrap and JQuery in Hindi Language

What you will learn

Creating Quiz using HTML, CSS, Bootstrap5 and JQuery

MCQ style questions with display of right answer on click of wrong Answers

Quiz with Timer

50-50 Lifeline

Description

Note: This course in Hindi Language

In this course you will learn to create Quiz with Lifeline 50-50 using Very Basic HTML, Very Basic CSS , Bootstrap 5 and Jquery, In this course i wont be covering very basics (by very basics I mean I wont be explaining what is html, what is css ,bootstrap, jquery etc) though I will try to explain how the code works as much possible. we will create a MCQ style quiz which starts by asking the players name and then displays that player name on the quiz, if the user doesn’t complete the quiz on time the quiz will end automatically but the user can restart the quiz using restart quiz button if the user selects the wrong option then it will display wrong option in red color as well as show the correct answer in green color


Get Instant Notification of New Courses on our Telegram channel.


Project:

Create a quiz that asks for the Name of the Player, the quiz should have a timer of your choice as shown in the course, It should display question and four options, on clicking the right answer background of that option should become green and for wrong option red, as well as should add one point for right answer additionally you can try your creativity to create your version of amazing Quiz

เคนเคฟเคจเฅเคฆเฅ€
language

Content

Intro, Download and Install

Introduction
2 Downloading and Installing

Design Part

3 Start Quiz
4 Quiz Box
5 Restart Quiz

Questions and Defualts

6 Arrays and Objects Basics
7 Questions
8 Defaults

Start Quiz Button Load Question Function

9 Start Quiz Button
10 Load Question

Validation and Next Button

11 Validation and Question Number, Points Display
12 Next Button

Restrat Quiz Button

13 Restart Quiz Btn , Reset Defaults Function

Timer

14 Timer Basics
15 Quiz Timer

Life Line 50-50

16 Lifeline 50-50

Final Words

17 Final Words