I have a quiz code and I want to add more element in them

Question

1.00/5 (1 vote)

See more:

Hello friends I have a Quiz Code and I Want to add more element in them Like - confetti animation when click on right answer , rise wrong sound track when click on wrong answer,Final score of user and shuffle question


CODE

<!DOCTYPE html>
<html>
   <head>
                <link rel="stylesheet" type="text/css" href="https://sharecodepoint.in/sharecodepoint-website-data/quizze-files/sharecodepoint.css" />
                
    <script src="https://sharecodepoint.in/sharecodepoint-website-data/quizze-files/jquery-1.9.1.min.js"></script>
    
     <script type="text/javascript">
 $(document).ready(function() {
    $('label').click(function() {
        $('label').removeClass('worngans');
        $(this).addClass('worngans');
    });
});
 </script>
   
    
   </head>
   <body >
<div class="scp-quizzes-main">
<div class="scp-quizzes-data">
  <h3>1. What is your name ?</h3>
    
<br/>
    <input type="radio" id="python" name="question1">
       <label for="python">1.python</label><br/>
    <input type="radio"  name="question1">
       <label>2. java</label><br/>
    <input type="radio" name="question1">
       <label>3. html</label> <br/>
    <input type="radio" name="question1">
     <label>4. Django</label>
 </div>
 <div class="scp-quizzes-data">
  <h3>2. Are You my friend?</h3>
<br/>
    <input type="radio" name="question2">
       <label>1.Python</label><br/>
    <input type="radio"  name="question2">
       <label>2. Pyramid</label><br/>
    <input type="radio" name="question2" id="Css">
       <label for="Css">3. Css</label> <br/>
    <input type="radio" name="question2">
     <label>4.Django</label>
 </div>
</div>
</html>

What I have tried:

friends I hope You help me . I want to add element in quiz to make attractive

Posted 13-May-22 19:13pm

Tanuju Rawat

Add a Solution

Comments

OriginalGriff 14-May-22 1:19am

And?
What have you tried?
Where are you stuck?
What help do you need?

Use the "Improve question" widget to edit your question and provide better information.

Tanuju Rawat 14-May-22 6:37am

Thank You for Your reply

Griff I have made a simple quiz and I want to add more elements like - when someone clicks on the correct answer then raised coneffiti animation when clicking on the wrong answer gives a wrong sound.

I hope You Help Me

OriginalGriff 14-May-22 7:17am

To do what? We have no idea what you have tried, where you are stuck, or what help you want from us.
Just repeating "I want my app to do this" doesn't tell us anything useful, and the only code you have shown doesn't do anything much at all! Adding "glitz" to that would be a waste of time and effort, unless there is a body of code you haven't shown us.

Tanuju Rawat 14-May-22 8:03am

My friend Griff I'm using blogger so what I can do ..

Richard MacCutchan 14-May-22 4:09am

The first thing you need to do is to get the basics working. As it stands your "quiz" does almost nothing. You should create a set of questions with their answers in a separate file that the quiz code can read and display. You can then check whether the answer is correct or not and call some function that provides the visuals.

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)