🔒 Closed Need help on making quiz.

Status
Not open for further replies.

Raze

Elite
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

  • PhotoGrid_1476875556058.webp
    PhotoGrid_1476875556058.webp
    40.3 KB · Views: 48
  • PhotoGrid_1476875615502.webp
    PhotoGrid_1476875615502.webp
    39.3 KB · Views: 35
  • PhotoGrid_1476875664722.webp
    PhotoGrid_1476875664722.webp
    41.7 KB · Views: 34
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...
 
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.
 
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

About this Thread

  • 16
    Replies
  • 2K
    Views
  • 10
    Participants
Last reply from:
andre_sentro

Trending Topics

Online now

Members online
483
Guests online
1,248
Total visitors
1,731

Forum statistics

Threads
2,274,103
Posts
28,953,689
Members
1,235,074
Latest member
krigir
Back
Top