// Created by Mitali $(document).ready(function(){ var que; var ans; var right; var i=0; var score=0; var que1={que:"Which tag is used to create clickable link?", ans:["<hyperlink>","<a>","<link>","<source>"], right:"1"}; var que2={que:"Which tag is used to specify a list of predefined options for input controls?", ans:["<embed>","<source>","<li>","<datalist>"], right:"3"}; var que3={que:" Which HTML element is used to display a scalar measurement within a range?", ans:["<meter>","<range>","<scalar>","<progress>"], right:"0"}; var que4={que:"Choose the correct HTML element to define important text?", ans:["<important>","<strong>","<imp>","<b>"], right:"1"}; var que5={que:"______ element in HTML5 is used to indicate that text has been added to the document.?", ans:["<fill>","<insert>","<add>","<ins>"], right:"3"}; var que6={que:"______ attribute used in element sets the width, in pixels, between the edge of a cell and its content", ans:["cellpadding"," cellspacing","colspacing","edgespacing"], right:"0"}; var que7={que:"Which attribute specifies the stack order of an element?",ans:["x-index","y-index","z-index","xy-index"],right:"2"}; var que8={que:"Which property controls scrolling of an image in background? ",ans:["background-fixed","background-scroll","background-scrolling","background-attachment"],right:"3"}; var que9={que:"What is default value of position property?",ans:["static","fixed","relative","absolute"],right:"0"}; var que10={que:"Which CSS has highest priority?",ans:["inline","internal","external","Each have equal priority"],right:"0"}; var quelst=[que1,que2,que3,que4,que5,que6,que7,que8,que9,que10]; $("#start").click(function(){ $(".front").hide(); $("#sub").show(); $(".quiz").show(); $("#num").text(i+1+"/"+quelst.length) $("#q").text(quelst[i].que); $("#op1").html(""+quelst[i].ans[0])+""; $("#op2").html(""+quelst[i].ans[1])+""; $("#op3").html(""+quelst[i].ans[2])+""; $("#op4").html(""+quelst[i].ans[3])+""; }); $("#sub").click(function(){ if($("input[name='opt']:checked").val()!=null){ if($("input[name='opt']:checked").val()==quelst[i].right){ score++; } $("#sub").hide(); $(".score").text(score); if(i!=quelst.length-1){ next(); } else{ reslt(); } } else{ $(".p").text("Select One option"); } }); function next(){ if(i!=(quelst.length)-1){ i++; } $("#q").text(quelst[i].que); $("#op1").html(""+quelst[i].ans[0])+""; $("#op2").html(""+quelst[i].ans[1])+""; $("#op3").html(""+quelst[i].ans[2])+""; $("#op4").html(""+quelst[i].ans[3])+""; $("#num").text(i+1+"/"+quelst.length); $("#sub").show(); } function reslt(){ $(".quiz").hide(); $(".result").show(); $(".score").text(score+"/"+quelst.length); if(score<=4){ $(".message").text("Oh no!!You need to do better."); } else if(score<8){ $(".message").text("Good.Dont stop studying."); } else{ $(".message").text("Great!!You have really good knowledge of HTML and CSS."); } } });