What's new

Closed Need help on making quiz.

Status
Not open for further replies.

Raze

Forum Veteran
Joined
Apr 24, 2015
Posts
1,371
Reaction
2,936
Points
714
Please help sa pag-gawa ng quiz. Newbie kasi sa javascript.
Ang conditions ay dapat nagra-random ang questions.
At nase-select ng 10 out of 20 questions.
Multiple choice ang type ng quiz. Thanks sa tutulong! :)
 
May ginawa ako dito sir. Isang function pa siguro tapos na ito. Wala nga lang design. Mahina ako sa css. :) Cellphone ko lang ginawa kaya nakabootstrap.

Radio button ang ginamit ko sa pag answer. Nasha shuffle na ang answer, random na rin ang questionaires.

Ilan lang questionaires ko, kaya kuha lang ako ng 5. At iyan na lang ang kulang. :)

Pero gusto ko muna sanang makita yong ginawa mo sir.
 

Attachments

Last edited:
Madali lang Yan Dodong....

==> Gawa ka ng JSON(javascript object notation) lagay mo doon ung mga questions, choices and answers..
basic exampe...
{
"questions":["what do you call a young cat?","how old am i?"],

"choices":[["puppy","kitten","calf","chick"],["20","15","18","19"]],

"answers":[""kitten","19"]
}


ganyan format.. tas save mo as AnyFileName.json

==> eto ang way ko ng pag access sa json.. sa javascript

var resource = new XMLHttpRequest();
resource.open("get","AnyFileName.json",false);
resource.send(null);
var info = JSON.parse(resource.responseText);



==> Para random ang pag'access mo sa questions gamit ka Math.Random()..

halimbawa e'ddisplay mo na question gamit console..

var indx = Math.Floor(Math.Random() * info.questions.length) + 1;
console.log(info.questions[indx]);

or at the same time gusto mo rin e display ang choices..

console.log(info.choices[indx]);


==> Taz compare mo nalang yung answer ng user sa answers dun sa json kung tama o mali...


Good Luck...
 
Last edited:
angelofmercy, OneJ
Scoring/pag-check ng sagot nalang yung kulang.
Eto yung code ko
Spoiler contents are visible only to Established Members.

Path_Finder
Hindi json kailangan ko, html,css, at javascript lang pwede.

Please patulong hanggang bukas na lang ito.
 
Last edited by a moderator:
angelofmercy, OneJ
Scoring/pag-check ng sagot nalang yung kulang.
Eto yung code ko

Path_Finder
Hindi json kailangan ko, html,css, at javascript lang pwede.

Please patulong hanggang bukas na lang ito.

Naka fix pala sa iyo ang answer sir. Ang ginawa ko kasi, ang tamang sagot laging kasunod ng tanong. Tapos, function para sa shuffle. :) guide mo na lang ito sir.
Spoiler contents are visible only to Established Members.
 
Last edited:
Madali lang Yan Dodong....

==> Gawa ka ng JSON(javascript object notation) lagay mo doon ung mga questions, choices and answers..
basic exampe...
{
"questions":["what do you call a young cat?","how old am i?"],

"choices":[["puppy","kitten","calf","chick"],["20","15","18","19"]],

"answers":[""kitten","19"]
}


ganyan format.. tas save mo as AnyFileName.json

==> eto ang way ko ng pag access sa json.. sa javascript

var resource = new XMLHttpRequest();
resource.open("get","AnyFileName.json",false);
resource.send(null);
var info = JSON.parse(resource.responseText);



==> Para random ang pag'access mo sa questions gamit ka Math.Random()..

halimbawa e'ddisplay mo na question gamit console..

var indx = Math.Floor(Math.Random() * info.questions.length) + 1;
console.log(info.questions[indx]);

or at the same time gusto mo rin e display ang choices..

console.log(info.choices[indx]);


==> Taz compare mo nalang yung answer ng user sa answers dun sa json kung tama o mali...


Good Luck...

Bakit parang medyo magulo yung pagkakastructure ng JSON haha :)
 
Status
Not open for further replies.

Similar threads

Back
Top