13.Make quiz with result with "Total marks"

Note:-Before you read this article please read

"How to add Quiz to your Blog?"

Your marks will appear after completion of quiz



1.Question ?

A

B.

C.

D.
ClickAnswer

c

2. Question ?

A..

B.

C

D
Click Answer

B

3. Question ?

A..

B.

C

D
Click Answer

D

4. Question ?

A..

B.

C

D
Click Answer

C

5. Question ?

A..

B.

C

D
Click Answer

A

6. Question ?

A..

B.

C

D
Click Answer

B

7. Question ?

A..

B.

C

D
Click Answer

C

8. Question ?

A..

B.

C

D
Click Answer

C

9. Question ?

A..

B.

C

D
Click Answer

D

10. Question ?

A..

B.

C

D
Click Answer

D

To make your own quiz with final marks result, copy the following code and replace the questions with your own...place the answers at options A,B,C,D but keep the answer values same otherwise your quiz shows wrong result.

<form name="calculator"> <span style="font-weight: bold; color: rgb(204, 0, 0);"> Your marks will appear after completion of quiz</span>
<table align="center"><input size="50" length="50" value="" name="ans" style="background: beige none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding;" type="text">
<input value=" Click here to clear history" onclick="document.calculator.ans.value=''" type="button"><tb><input value=" DEMO4BLOGGER" onclick="document.calculator.ans.value='Demo4Blogger'" type="button"><tb></tb>

<b>1.Question ?
</b>
<input name="a" value="1" type="radio">A

<input name="a" value="4" type="radio">B.

<input name="a" value="2" onclick="document.calculator.ans.value ='1';document.calculator.ans.value =' '" type="radio">C.

<input name="a" value="3" type="radio">D.
<a aiotitle="click to expand" href="javascript:togglecomments('1a')">ClickAnswer</a>
<div style="font-weight: bold; color: rgb(153, 0, 0);" class="commenthidden" id="1a">c</div>
<b>2. Question ?
</b>
<input name="b" value="2" type="radio">A..

<input name="b" value="4" onclick="document.calculator.ans.value ='1';document.calculator.ans.value =' '" type="radio">B.

<input name="b" value="1" type="radio">C

<input name="b" value="3" type="radio">D
<a aiotitle="click to expand" href="javascript:togglecomments('2a')">Click Answer</a>
<div class="commenthidden" id="2a"><span style="color: rgb(102, 0, 0); font-weight: bold;">B</span></div>
<b>3. Question ?
</b>
<input name="b" value="2" type="radio"> A..

<input name="b" value="4" type="radio">B.

<input name="b" value="1" type="radio">C

<input name="b" value="3" onclick="document.calculator.ans.value ='1';document.calculator.ans.value =' '" type="radio">D
<a aiotitle="click to expand" href="javascript:togglecomments('3a')">Click Answer</a>
<div class="commenthidden" id="3a"><span style="color: rgb(102, 0, 0); font-weight: bold;">D</span></div>
<b>4. Question ?
</b>
<input name="b" value="2" type="radio"> A..

<input name="b" value="4" type="radio">B.

<input name="b" value="1" onclick="document.calculator.ans.value ='1';document.calculator.ans.value =' '" type="radio">C

<input name="b" value="3" type="radio">D
<a aiotitle="click to expand" href="javascript:togglecomments('4a')">Click Answer</a>
<div class="commenthidden" id="4a"><span style="color: rgb(102, 0, 0); font-weight: bold;">C</span></div>
<b>5. Question ?
</b>
<input name="b" value="2" onclick="document.calculator.ans.value ='1';document.calculator.ans.value =' '" type="radio"> A..

<input name="b" value="4" type="radio">B.

<input name="b" value="1" type="radio">C

<input name="b" value="3" type="radio">D
<a aiotitle="click to expand" href="javascript:togglecomments('5a')">Click Answer</a>
<div class="commenthidden" id="5a"><span style="color: rgb(102, 0, 0); font-weight: bold;">A</span></div>
<b>6. Question ?
</b>
<input name="b" value="2" type="radio"> A..

<input name="b" value="4" onclick="document.calculator.ans.value ='1';document.calculator.ans.value =' '" type="radio">B.

<input name="b" value="1" type="radio">C

<input name="b" value="3" type="radio">D
<a aiotitle="click to expand" href="javascript:togglecomments('6a')">Click Answer</a>
<div class="commenthidden" id="6a"><span style="color: rgb(102, 0, 0); font-weight: bold;">B</span></div>
<b>7. Question ?
</b>
<input name="b" value="2" type="radio"> A..

<input name="b" value="4" type="radio">B.

<input name="b" value="1" onclick="document.calculator.ans.value ='1';document.calculator.ans.value =' '" type="radio">C

<input name="b" value="3" type="radio">D
<a aiotitle="click to expand" href="javascript:togglecomments('7a')">Click Answer</a>
<div class="commenthidden" id="7a"><span style="color: rgb(102, 0, 0); font-weight: bold;">C</span></div>
<b>8. Question ?
</b>
<input name="b" value="2" type="radio"> A..

<input name="b" value="4" type="radio">B.

<input name="b" value="1" onclick="document.calculator.ans.value ='1';document.calculator.ans.value =' '" type="radio">C

<input name="b" value="3" type="radio">D
<a aiotitle="click to expand" href="javascript:togglecomments('8a')">Click Answer</a>
<div class="commenthidden" id="8a"><span style="color: rgb(102, 0, 0); font-weight: bold;">C</span></div>
<b>9. Question ?
</b>
<input name="b" value="2" type="radio"> A..

<input name="b" value="4" type="radio">B.

<input name="b" value="1" type="radio">C

<input name="b" value="3" onclick="document.calculator.ans.value ='1';document.calculator.ans.value =' '" type="radio">D
<a aiotitle="click to expand" href="javascript:togglecomments('9a')">Click Answer</a>
<div class="commenthidden" id="9a"><span style="color: rgb(102, 0, 0); font-weight: bold;">D</span></div>
<b>10. Question ?
</b>
<input name="b" value="2" type="radio"> A..

<input name="b" value="4" type="radio">B.

<input name="b" value="1" type="radio">C

<input name="b" value="3" onclick="document.calculator.ans.value ='1';document.calculator.ans.value =' '" type="radio">D
<a aiotitle="click to expand" href="javascript:togglecomments('10a')">Click Answer</a>
<div class="commenthidden" id="10a"><span style="color: rgb(102, 0, 0); font-weight: bold;">D</span></div>
<input value=" submit here " name="add" onclick="document.calculator.ans.value ='0';" type="button">
<input value=" your marks " name="equal" onclick="document.calculator.ans.value=eval(document.calculator.ans.value);JavaScript:alert('You will passed if you get more than 50% marks!')" type="button">
</tb></table></form>