JavaScript_QUIZ/qs.js at master · ashwithags/JavaScript_QUIZ · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
window.onload=function(){
if(sessionStorage.getItem('LoggedInUser')==undefined||sessionStorage.getItem('LoggedInUser')==null){
window.location.href='index.html'
}

varobj=newObject();
if(sessionStorage.getItem('questionSet')=='html'){
obj.questionset='htmlquestionset';
obj.questionsetHome='data/htmlquestionset.json';
}elseif(sessionStorage.getItem('questionSet')=='ajax'){
obj.questionset='ajaxquestionset';
obj.questionsetHome='data/ajaxquestionset.json';
}elseif(sessionStorage.getItem('questionSet')=='bootstrap'){
obj.questionset='bootstrapquestionset';
obj.questionsetHome='data/bootstrapquestionset.json';
}elseif(sessionStorage.getItem('questionSet')=='javascript'){
obj.questionset='javascriptquestionset';

obj.questionsetHome='data/javascriptquestionset.json';
}

//ajaxProcedure(obj);
ajaxProcedureHome(obj);
};

varquizQuestion='';
varcount=0;
varcorrectAns=0;

functionajaxProcedure(a){
vary=newXMLHttpRequest();
y.onreadystatechange=function(){
if(this.readyState==4){
varquizQuestion=JSON.parse(this.responseText);
window.sessionStorage.setItem('ques',JSON.stringify(quizQuestion.questions));
showQues(quizQuestion.questions);
}
};
y.open('POST','http://192.168.1.2:7000/ideology/examsets',true);
y.setRequestHeader("Content-Type","application/json");
y.send(JSON.stringify(a));
}

functionajaxProcedureHome(a){
console.log(a);
vary=newXMLHttpRequest();
y.onreadystatechange=function(){
if(this.readyState==4){
varquizQuestion=JSON.parse(this.responseText);
window.sessionStorage.setItem('ques',JSON.stringify(quizQuestion.questions));
showQues(quizQuestion.questions);
}
};
y.open('GET',a.questionsetHome,true);
y.setRequestHeader("Content-Type","application/json");
y.send();
}


functionshowQues(data){
vardiv="<div class='container'>";

varstructure='<div><h2><p>'+sessionStorage.getItem('questionSet')+' Questions</p></h2>';

varQuestdata='';
if(data[count].choices.length==2){
Questdata+='<h5>'+data[count].question+'</h5>'+'<ul><li><input type="radio" class="" name="option" value='+0+'>'+data[count].choices[0]+'</li><li><input type="radio" class="" name="option" value='+1+'>'+data[count].choices[1]+'</li></ul>'+'<button class="btn btn-success chkBtn" onclick="checkAnswer();">Check Answer</button><button class="btn btn-primary nextBtn" onclick="next();">Next</button>'+'<hr>';
}elseif(data[count].choices.length==3){
Questdata+='<h5>'+data[count].question+'</h5>'+'<ul><li><input type="radio" class="" name="option" value='+0+'>'+data[count].choices[0]+'</li><li><input type="radio" class="" name="option" value='+1+'>'+data[count].choices[1]+'</li><li><input type="radio" class="" name="option" value='+2+'>'+data[count].choices[2]+'</li></ul>'+'<button class="btn btn-success chkBtn" onclick="checkAnswer();">Check Answer</button><button class="btn btn-primary nextBtn" onclick="next();">Next</button>'+'<hr>';
}else{
Questdata+='<h5>'+data[count].question+'</h5>'+'<ul><li><input type="radio" class="" name="option" value='+0+'>'+data[count].choices[0]+'</li><li><input type="radio" class="" name="option" value='+1+'>'+data[count].choices[1]+'</li><li><input type="radio" class="" name="option" value='+2+'>'+data[count].choices[2]+'</li><li><input type="radio" class="" name="option" value='+3+'>'+data[count].choices[3]+'</li></ul>'+'<button class="btn btn-success chkBtn" onclick="checkAnswer();">Check Answer</button><button class="btn btn-primary nextBtn" onclick="next();">Next</button>'+'<hr>';
}


varfinaldata=div+structure+Questdata+'</div><div id="ans"></div></div>';
document.getElementById('divcontenet').innerHTML=finaldata;
}

functioncheckAnswer(){
//var radioinput = document.querySelector('input[name="option"]:checked').value;
varradioinput=$('input[name="option"]:checked').val();
console.log(radioinput);
varanswers=JSON.parse(window.sessionStorage.getItem('ques'));
//document.getElementsByClassName( 'chkBtn' ).style.display = 'none';
$('.chkBtn').hide();
$('.nextBtn').show();
console.log('-------------------------------------------');
console.log(answers[count].correct);
console.log(radioinput);
console.log('-------------------------------------------');
if(answers[count].correct===radioinput){
$('#ans').text('Wow Correct Answer');
correctAns++;
}else{
$('#ans').text('Sorry Wrong Answer');
}
}

functionnext(){
varquestionset=JSON.parse(window.sessionStorage.getItem('ques'));
if(count==questionset.length-1){
$('.container').html('<h1>Wow This is Your Result: '+correctAns*100/questionset.length+'% </h1>');
//alert('Your Score : '+ correctAns);
}else{
count++;
showQues(questionset);
}
}