tutorial on building an interactive quiz in html5

7/31/2019 Tutorial on building an interactive quiz in HTML5

1/21

Xwxarmil ad owmlhmd` id

mdxgricxmug ywm{ md BXJL7

ppp$elisbo}dm`bx$caj


2/21

Daxg 9;M cajg eraj i Elisb oicn`rawdh$ M crgixgh xbms xwxarmil ogciwsg pbgd Msxirxgh owmlhmd` ywm{{gs md BXJL7, M cawlhdx emdh adg ear j}sgle$ M bavg xbg xwxarmilpmll cajg md wsgewl ear axbgr vra`rijjgrs ar vaxgdxmil vra`rijjgrs pba emdhxbgjsglugs md xbg vasmxmad xbix M hmh$

Daxg ?;Me BXJL7 msdx }awr xbmd`, }aw cid lgird bap xa crgixg i Elisb Ywm{ bgrg;ppp$elisbo}dm`bx$caj!xwxgs!ywm{$bxjl

Pbix }aw pmll lgird; bap xa owmlh i ywm{ wsmd` BXJL7 bap xa wsg xbg ciduis glgjgdx bap xa wsg ridhajm{ixmad md i ywm{ bap xa xricn i ywm{ scarg bap xa mjvarx hixi eraj id jl emlg "avxmadil-

Vrgrgywmsmxgs; oismc ndaplgh`g ae Kiuiscrmvx ar axbgr cahmd` lid`wi`g iccgss xa i sgrugr "xa mjvarx hixi eraj jl umi vbv-

+ ]aw cid umgp i parnmd` gijvlg bgrg;ppp$elisbo}dm`bx$caj!xwxgs!bxjl7ywm{!?!ywm{$bxjlHapdlaih xbg cajvlgxgh sawrcg emlgs idh irx eraj xbg vrakgcx vi`g bgrg;ppp$elisbo}dm`bx$caj!xwxgs!bxjl7ywm{!9!ugrsmad9${mv

Jinmd` i ywm{ pmxb ridhajm{gh avxmads md BXJL7

Sa bgrg pg `a$ Pg pidx xa jing i ywm{ md BXJL7 pbgrg xbg avxmadsirg ridhajm{gh$ Ear jimjwj rgwsiomlmx}, pg jm`bx pidx xa mjvarx awr ywgsxmadseraj id RJL emlg$ M pmll lgiug xbg jl virx xa lisx, sa xbix mxs avxmadil$

Xa prmxg awr BXJL7 cahg, pg hadx dggh id} eidc} saexpirg id} xgx ghmxar pmll ha;ParhVih ar DaxgVih$ Mj wsmd` XgxVih, pbmcb }aw cid hapdlaih eraj bgrg;bxxv;!!ppp$xgxvih$caj!vrahwcxs!xgxvih!mdhg$bxjl_gjgjogr xbid BXJL7 padx parn md alhgr orapsgrs, gsvgcmill} Mdxgrdgx Gvlargr$Mj wsmd` @aa`lg Cbrajg Ugrsmad 92$ ]aw pmll dggh i jahgrd orapsgr ear xgsxmd`$Xbg lisx, idh avxmadil, virx ae xbg xwxarmil rgywmrgs vbv, sa }aw pmll dggh i sgrugr xaxgsx mx$

Sxgv 9;

Avgd }awr xgx ghmxar idh x}vg;


3/21

Siug xbg hacwjgdx is ywm{$bxjl

Dap, adg ae xbg `rgix egixwrgs ae BXJL7 ms xbix pg cid wsg i vi`g glgjgdx cillgh


4/21

Pbix pg hmh bgrg pis xa crgixg i balhmd` glgjgdx cillgh #ccadximdgr, pbmcb pg pmllwsg xa cgdxgr awr cadxgdx ad xbg vi`g$ Xbgd pg crgixgh i ciduis glgjgdx pmxb xbgrgegrgdcg mh; j}Ciduis, pmhxb 776 vmgls idh bgm`bx ae 866 vmgls$ Pg dggh xasvgcme} xbg hmjgdsmads bgrg, ar mx pmll og issm`dgh xbg hgeiwlx hmjgdsmads 366 976$

Ani}, oicn xa xbg

jir`md; 6 iwxa>

jir`md*xav;966v>

z

#j}Ciduis ~

!!oicn`rawdh;#EEEEEE>

z

Eallapmd` xbg girmlgr cahg, awr ywm{ ms `amd` xa og 776 866 vmgls md sm{g, cgdxgrghad xbg vi`g "jir`md; 6 iwxa>- idh mxs `amd` xa og 966 vmgls eraj xbg xav ae xbg vi`g"ear igsxbgxmcs, ar sa }aw cid lixgr ihh i vi`g xmxlg ar gugd @aa`lg ihs-$

Xbg lmdg oicn`rawdh;EEEEEE> ms cajjgdxgh awx$ Me }aw icxmuixg mx xgjvarirml}, }awpmll og iolg xa sgg xbg vasmxmad ae xbg ciduis ad xbg vi`g$ Axbgrpmsg, xbg ciduis msmdumsmolg xa ws mx ms gjvx} ix xbms xmjg$ Adcg cajjgdxgh awx, xbms sx}lmd` glgjgdx msrghwdhidx, owx me }aw rgwsg xbg cahg ear }awr apd vwrvasgs, }aw ji} pidx xa ihhvihhmd` ar i calargh oicn`rawdh$

Sxgv 3;

Dap xbix xbg glgjgdxs ae xbg vi`g irg ill md vlicg, lgxs `gx xa xbg kiuiscrmvx$

Mdsmhg xbg

uir cadxgx : ciduis$`gxCadxgx"/?h/->

uir ywm{o` : dgp Mji`g"->

uir Ywgsxmad : dgp Sxrmd`>

uir Avxmad9 : dgp Sxrmd`>

uir Avxmad? : dgp Sxrmd`>


uir j}:6>


5/21


6/21

_m`bx iexgr xbg vrgumaws cahg, ihh xbg eallapmd` lmdgs;

ywm{o`$adlaih : ewdcxmad"-~

cadxgx$hripMji`g"ywm{o`, 6, 6->

z!!ywm{o`

ywm{o`$src : /ywm{o`$vd`/>

Xbms ewdcxmad hrips awr mji`g adxa xbg ciduis, pbgd mx ms laihgh$ Daxg xbg s}dxi;

cadxgx$hripMji`g"Mji`gDijg, , }->

pbgrg Mji`gDijg ms xbg rgegrgdcg xa xbg mji`g idh ,} irg xbg caarhmdixgs erajxbg xav lgex ae xbg ciduis$

_gergsb }awr orapsgr idh }aw sbawlh sgg xbms;

Dap, ogciwsg pg dggh xa hrip xbg xgx adxa xbg ciduis, pg dggh xa og ugr}virxmcwlir ioawx xbg caarhmdixgs$ Pg dggh xa ndap bap eir icrass xa og`md prmxmd`xbg xgx, xbg }*vasmxmad ear xbg jmhhlg ae gicb ar awr eawr oags, pbgrg pg pidx awregghoicn jgssi`g xa ivvgir, pbgrg xa rgegrgdcg xbg crass!xmcn mji`gs idh pbgrgpg pidx awr crass!xmcn xa ivvgir$

Xbgsg caarhmdixgs irg jivvgh is eallaps;


7/21

Daxmcg xbix xbg dwjogrs hapd xbg rm`bx*bidh smhg irg xbg uirmiolgs xgxvas9*8 xbixpg hgemdgh girlmgr$

Sxgv 7;

Xbms ms i ywm{, rm`bx1 Sa pgrg `amd` xa dggh ywgsxmads$ Pg pmll sxirx o} sxarmd` awrywgsxmads md irri} earj "lixgr pg pmll rgih xbgj eraj jl mdsxgih-$

Sa pg cid biug xpa irri}s "vlicg xbgsg lmdgs ae cahg eallapmd` xbg axbgr uirmiolgsear gis} iccgss-;

uir Ywgsxmads : ^/Pbgrg ms Virms1/,/Pbgrg ms Ladhad1/,/Pbgrg ms _ajg1/Z>

uir Avxmads : ^/Eridcg/,/Ogl`mwj/,/Darpi}/Z ,^/Gd`lidh/,/Cbmdi/,/Hgdjirn/Z,

^/Mxil}/,/Ori{ml/,/Cidihi/ZZ>

Pg biug xbrgg ywgsxmads bgrg, owx pg cid ihh jarg ywgsxmads gisml} o} emllmd` awxxbg irri}s ewrxbgr$ Ear gis} rgegrgdcg, xbg emrsx idspgr md gicb sgx ms ilpi}s xbgcarrgcx adg$ Xbgd pg pmll ridhajmsg xbg avxmads ix xbg vamdx pbgrg pg hrip xbgj adxbg scrggd$

Irri}s irg ilpi}s {gra*rgegrgdcgh$ Bgdcg xa rgegr xa xbg emrsx ywgsxmad, pg wsg;

Ywgsxmads^6Z idh xbg sgcadh ywgsxmad ms Ywgsxmads^9Z idh sa ad$


8/21

Xbg idspgrs irg sxargh md id irri} ae irri}s$ Bgdcg xa rgegr xa idspgr 9, sgx 9, pgwsg Avxmads^6Z^6Z, idspgr ?, sgx 9 ms Avxmads^6Z^9Z idh sa ad$

Sxgv 5;

Pg pmll crgixg i ewdcxmad cillgh SgxYwgsxmads xa sglgcx ywgsxmads idh hrip xbgj adxbg ciduis$

Pg adl} pidx xa laih wv xbg emrsx sgx ae ywgsxmads pbgd pg ndap awr oicn`rawdhmji`g ms laihgh, sa pg pmll cill xbg ewdcxmad eraj awr vrgumaws ewdcxmad, pbmcb sbawlhdap og;



SgxYwgsxmads"->

z!!ywm{o`ywm{o`$src : /ywm{o`$vd`/>

Mjjghmixgl} iexgr xbix, pg cid prmxg awr SgxYwgsxmads ewdcxmad;

SgxYwgsxmads : ewdcxmad"-~

Ywgsxmad:Ywgsxmads^ydwjogrZ>

CarrgcxIdspgr:9.Jixb$elaar"Jixb$ridhaj"-+3->

me"CarrgcxIdspgr::9-~Avxmad9:Avxmads^ydwjogrZ^6Z>Avxmad?:Avxmads^ydwjogrZ^9Z>Avxmad

3:Avxmads^ydwjogrZ^?Z>z

me"CarrgcxIdspgr::?-~Avxmad9:Avxmads^ydwjogrZ^?Z>Avxmad?:Avxmads^ydwjogrZ^6Z>Avxmad

3:Avxmads^ydwjogrZ^9Z>zme"CarrgcxIdspgr::3-~Avxmad9:Avxmads^ydwjogrZ^9Z>Avxmad?:Avxmads^ydwjogrZ^?Z>Avxmad

3:Avxmads^ydwjogrZ^6Z>z

z!!SgxYwgsxmads

Lmdg o} lmdg; Emrsx pg sglgcx xbg cwrrgdx ywgsxmad eraj xbg irri}, idh issm`d mx xa xbgsxrmd` uirmiolg Ywgsxmad$ Dgx, pg sglgcx i ridhaj dwjogr, eraj 9 xa 3 idh issm`d mxxa CarrgcxIdspgr$ Pg pmll sgx wv xbg avxmads md swcb i pi} xbix CarrgcxIdspgrrgegrs xa xbg avxmad pmxb xbg carrgcx idspgr$

Vra`rijjgrs hadx lmng xa ihh jwlxmvlg lmdgs ae cahg ad adg lmdg, owx bgrg, M xbmdn mx

jings mx gis} xa rgih ogciwsg ae xbg virillglmsj$ Hgvgdhmd` ad xbg ridhajuirmiolg, pg issm`d Avxmad9, Avxmad? idh Avxmad3$ _gjgjogr Avxmads^ydwjogrZ^6Zpmll ilpi}s balh xbg carrgcx idspgr, ogciwsg pg vwx xbg carrgcx idspgr emrsx md gicbcisg$ Bgdcg, me CarrgcxIdspgr::9, xbg carrgcx idspgr pmll og xbg emrsx avxmad, meCarrgcxIdspgr::?, xbg carrgcx idspgr pmll og xbg sgcadh avxmad idh sa ad$

Dap, sxmll mdsmhg xbg SgxYwgsxmads ewdcxmad, ihh xbg eallapmd` lmdgs;

cadxgx$xgxOisglmdg : /jmhhlg/>

cadxgx$eadx : /?8vx Cilmorm,Irmil/>

cadxgx$emllXgx"Ywgsxmad,?6,xgxvas9->

cadxgx$eadx : /92vx Cilmorm,Irmil/>


9/21

cadxgx$emllXgx"Avxmad9,?6,xgxvas?->

cadxgx$emllXgx"Avxmad?,?6,xgxvas3->

cadxgx$emllXgx"Avxmad3,?6,xgxvas8->

Xbg emrsx lmdg jings swrg xbix xbg caarhmdixgs xbix pg `mug pmll jixcb xa xbg jmhhlg ae

xbg xgx> pg pidx xbg xgx xa og dmcgl} cgdxgrgh md awr oags$ Axbgr vassmolg uilwgs,ivirx eraj jmhhlg irg; xav, bid`md`, ilvbiogxmc, mhga`rivbmc, idh oaxxaj$

Dgx, pg sgx xbg eadx ear xbg ywgsxmad xa ?8vx Cilmorm, ar Irmil me Cilmorm ms dax iuimliolgad xbg wsgrs orapsgr$

Xbgd pg wsg cadxgx$emllXgx xa vlicg awr Ywgsxmad xgx ?6 vmgls eraj xbg rm`bx idh87 vmgls "xgxvas9:87- eraj xbg xav ae xbg ciduis$

Pg sgx i sjillgr eadx ear awr avxmads idh xbgd vlicg xbg rgsx ae xbg xgx$

Avgd xbg hacwjgdx md }awr orapsgr idh }aw sbawlh sgg xbg eallapmd`;

_gergsb }awr orapsgr i cawvlg ae xmjgs idh sgg pbix bivvgds$ Xbg avxmads pmllivvgir md hmeegrgdx vasmxmads$

Sxgv 0;

Awr dgx sxgv ms xa illap xbg wsgr xa clmcn ad xbg avxmads idh xa `mug egghoicn is xapbgxbgr xbg} `ax xbg idspgr carrgcx ar prad`$


10/21

Xa ha xbix, pg dggh xa ihh i lmsxgdgr xa xbg ciduis$ Awr lmsxgdgr pmll smjvl} lmsxgdawx ear i jawsgclmcn idh xbgd icx ad mx$ Wdlmng Elisb, pg cidx ihh i lmsxgdgr xa isvgcmemc aokgcx$ Pg dggh xa lmsxgd ear i clmcn ad xbg ciduis idh xbgd wsg xbg ,}caarhmdixgs ae xbg jawsgclmcn xa em`wrg awx pbix bis oggd clmcngh ad$ I omxxrawolgsajg, M ndap, owx pg cid ha mx$

Iexgr awr SgxYwgsxmads ewdcxmad, lgxs ihh xbms lmdg;

ciduis$ihhGugdxLmsxgdgr"'clmcn',VracgssClmcn,eilsg->

Xbms pmll lmsxgd ear i jawsgclmcn idh cill xbg ewdcxmad VracgssClmcn"-$ Dap;

ewdcxmad VracgssClmcn"gu- ~

j}:gu$}*ciduis$aeesgxXav>

me"gu$} :: wdhgemdgh-~

j} : gu$vi`g] * ciduis$aeesgxXav>

z

!!jarg cahg xa à bgrg

z!!VracgssClmcn

Xbg jawsgclmcn gugdx ms rgegrgdcgh o} gu$ Pg wsg j} xa sxarg xbg jawsgclmcn }*caarhmdixg idh pg dggh xa wsg aeesgxXav xa jing swrg pg biug xbg caarhmdixgsrglixmug xa xbg ciduis idh dax rglixmug xa xbg gdxmrg pgo vi`g$ Xbms cwrrgdxl} parns mdill orapsgrs gcgvx Emrgea$ Emrgea hagsdx rgca`dmsg gu$} idh rgywmrgs ws xa wsggu$vi`g] mdsxgih$ Sa pg ihh i cawvlg ae lmdgs xa ha mx xbg Emrgea pi}$Wdearxwdixgl}, xbgrg irg cwrrgdxl} glgjgdxs ae BXJL7 xbix parn hmeegrgdxl} md hmeegrgdxorapsgrs$ Ad xbg vasmxmug smhg, xbms ms xbg adl} crass*orapsgr msswg pg pmll eicg md

xbms virxmcwlir xwxarmil$

Adcg pg bgir xbg clmcn, pg dggh xa emdh awx pbix bis oggd clmcngh ad wdlgss xbgywgsxmad bis ilrgih} oggd idspgrgh, md pbmcb cisg, pg pidx xbg wsgr clmcn xa jaugws adxa xbg dgx ywgsxmad$

Md vsgwhacahg;

me "xbg ywgsxmad bis oggd idspgrgh-~à xa xbg dgx ywgsxmad>z

glsg~

me "avxmad 9 pis clmcngh-~cbgcn me avxmad 9 ms xbg rm`bx idspgr>zme "avxmad ? pis clmcngh-~cbgcn me avxmad ? ms xbg rm`bx idspgr>zme "avxmad 3 pis clmcngh-~cbgcn me avxmad 3 ms xbg rm`bx idspgr>zz

Dap ear xbg icxwil cahg$ _gvlicg xbg lmdg!!jarg cahg xa à bgrg pmxb;

me"lacn-~

_gsgxY"->

z!!me lacn

glsg~


11/21

me"j}4996 %% j}


12/21

z

glsg~

cadxgx$hripMji`g"ywm{o`, 07,866,07,06,826,996."=6+"i*9--,07,06->

pradìdspgrs..>

z


cadxgx$emllXgx"/Clmcn iìmd xa cadxmdwg/,?6,326->lacn:xrwg>

z!!`gx egghoicn

Lgxs à xbraw`b mx lmdg o} lmdg$ Xbg i uirmiolg pbgd pg cill xbg ewdcxmad carrgsvadhsxa xbg uirmiolg vissgh xa xbg ewdcxmad girlmgr$ Mx pmll og 9,? ar 3 hgvgdhmd` ad pbmcbavxmad pis clmcngh$ Dap, me }aw laan oicn xa sxgv 5, xbg uirmiolg CarrgcxIdspgr balhsxbg carrgcx idspgr$ Bgdcg me i::CarrgcxIdspgr xbgd xbg idspgr ms carrgcx$Axbgrpmsg "glsg- xbg idspgr ms prad`$

Dap, me xbg idspgr ms carrgcx, pg pidx xa xing awr arm`mdil mji`g idh slmcg aee xbgxmcn `rivbmc idh vlicg mx ad xbg scrggd$ Pg cid ha xbms wsmd` xbg ewll virijgxgrs aexbg hripMji`g ewdcxmad, pbmcb irg;

hripMji`g"mji`g, s, s}, sPmhxb, sBgm`bx, h, h}, hPmhxb, hBgm`bx-

Laans cadewsmd`, bwb1 Pbgrg }aw sgg s, xbmdn sawrcg idh pbgrg }aw sgg h, xbmdnhgsxmdixmad$ Lgxs gvlimd mx pmxb i `rivbmc;


13/21

Sa s ms xbg caarhmdixg ae xbg sawrcg, s} ms xbg } caarhmdixg ae xbg sawrcg$ sBgm`bxidh sPmhxb irg xbg bgm`bx idh pmhxb ae xbg slmcg, pbmcb ms xbgd rghripd iccarhmd`xa; h idh h} "xbg hgsxmdixmad caarhmdixgs-, hPmhxb idh hBgm`bx "xbg hgsxmdixmadhmjgdsmads, pbmcb wswill} jixcb xbg sawrcg hmjgdsmads$ Smdcg h} ji} uir}iccarhmd` xa xbg wsgrs idspgr, pg dggh xa vgrearj i ywmcn cilcwlixmad; 996."=6+"i*9--$ Md eicx, pg aw`bx xa wsg awr mdmxmil uirmiolgs xa vgrearj i cilcwlixmad, xbgrgearg

jinmd` xbg cahg jarg rgwsiolg smdcg pg adl} dggh xa cbid`g xbg mdmxmil uirmiolgs$Owx adcg iìmd, lgxs nggv xbg cahg gis} xa rgih xbraw`b ear dap$

Xbg dgx lmdg; rm`bxidspgrs..> bglvs ws xa nggv xricn ae xbg carrgcx idspgrs, sa pgcid hmsvli} i emdil scarg ix xbg gdh ae xbg ywm{$

Xbg dgx egp lmdgs irg ugr} smjmlir idh bidhlg i prad` idspgr o} vlicmd` xbg crassmdsxgih ae xbg xmcn idh xricnmd` i prad` idspgr$

Emdill}, pg sgx xbg eadx sm{g xa 98 idh wsg emllXgx"- xa vlicg i jgssi`g ad xbg scrggdix xbg `mugd caarhmdixgs$ Xbg xgx, is pg jgdxmadgh, ms hripd ad xbg scrggd, sa xbgwsgr pmll dax og iolg xa cav} idh visxg mx$

Emdill}, pg sgx lacn:xrwg> Xbms vrgugdxs xbg wsgr eraj idspgrmd` xbg ywgsxmad iìmd$Bapgugr, me xbg wsgr clmcns xbg scrggd iìmd, pg pidx xa jaug ad xa xbg dgxywgsxmad, wsmd` xbg ewdcxmad _gsgxY"- pbmcb pg biug lgex gjvx} ear dap$

@a ibgih idh xgsx xbg ywm{ md }awr orapsgr$ Xr} `gxxmd` i rm`bx idspgr, xbgd rgergsb}awr orapsgr idh xr} `gxxmd` i prad` idspgr$

Sxgv =

_m`bx xbgd, lgxs vracggh pmxb _gsgxY"-, xbg ewdcxmad pbmcb pg lgex gjvx} idh pbmcbpmll rgsgx awr ywm{ idh jaug adxa xbg dgx ywgsxmad;

_gsgxY: ewdcxmad"-~

lacn:eilsg>

cadxgx$clgir_gcx"6,6,776,866->

ydwjogr..>

me"ydwjogr::Ywgsxmads$lgd`xb-~GdhYwm{"->z

glsg~


SgxYwgsxmads"->z

z

Lmdg o} lmdg; Pg og`md o} wdlacnmd` xbg ywm{, sa xbix xbg wsgr cid idspgr xbg dgxywgsxmad$ Xbgd pg wsg clgir_gcx"- xa clgir xbg gdxmrg ciduis ipi} "776 idh 866 irgxbg ciduis hmjgdsmads, rgjgjogr-$ Pg xbgd mdcrgisg xbg uirmiolg ydwjogr xa xricnpbmcb ywgsxmad pg irg ad$ Me ydwjogr::Ywgsxmads$lgd`xb xbix jgids xbg lisxywgsxmad bis oggd rgicbgh idh pg sbawlh gdh xbg ywm{ pmxb xbg ewdcxmad GdhYwm{"->Axbgrpmsg "glsg-, pg dggh xa rghrip xbg ywm{ oicn`rawdh wsmd` hripMji`g"- idhxbgd cill xbg ewdcxmad SgxYwgsxmads"-$ SgxYwgsxmads pmll xing cirg ae gugr}xbmd` erajbgrg ad$

Xa iuamh id grrar, crgixg xbg gjvx} ewdcxmad;

GdhYwm{:ewdcxmad"-~z


14/21

idh xbgd xgsx md xbg orapsgr$ ]aw sbawlh dap og iolg xa c}clg xbraw`b ill xbgywgsxmads$ Iexgr xbg lisx adg "xbgrg irg adl} xbrgg md awr gijvlg-, }aw pmll `gx iolidn scrggd$ Me }aw nggv clmcnmd`, xbg ywm{ pmll xr} xa `mug egghoicn, pbmcb pg hadxpidx, owx pg cid em xbix gisml} md awr emdil sxgv$

Sxgv 96

Sa pg dggh xa prmxg awx idh gvlimd xbg GdhYwm{"- ewdcxmad$ Bgrg pg `a;

GdhYwm{:ewdcxmad"-~

ciduis$rgjaugGugdxLmsxgdgr"'clmcn',VracgssClmcn,eilsg->

cadxgx$hripMji`g"ywm{o`, 6,6,776,=6,6,6,776,866->


cadxgx$emllXgx"/]aw biug emdmsbgh xbg ywm{)/,?6,966->


cadxgx$emllXgx"/Carrgcx idspgrs; /.Sxrmd`"rm`bxidspgrs-,?6,?66->

cadxgx$emllXgx"/Prad` idspgrs; /.Sxrmd`"prad`idspgrs-,?6,?86->z

Emrsx pg rgjaug xbg lmsxgdgr xbix pg ihhgh girlmgr$ Iexgr xbms, clmcns ad xbg ciduisirg da lad`gr rgcarhgh$ Xbgd pg wsg i uirmixmad ae awr slmcg xrmcn xa cav} xbg emrsxxridslwcgdx oa md awr ywm{ oicn`rawdh idh sxrgxcb mx hapd augr xbg pbalg ciduis$Dap pg biug i pbmxg xridslwcgdx oicn`rawdh ear awr emdil vi`g$

Dgx pg smjvl} hrip awr emdil xgx jgssi`gs ad xbg scrggd, dmcgl} earjixxgh idhsvicgh awx$ Lwcnml}, pgug oggd nggvmd` xricn ae xbg rm`bx idh prad` idspgrs, sa pgcid `mug sajg wsgewl egghoicn xa xbg wsgr$

Xbg gdh ae xbg ywm{ sbawlh laan lmng xbms;


15/21

Idh xbgrg pg biug mx) I ewll} parnmd` ywm{ md BXJL7 wsmd` xbg ciduis glgjgdx$

Me sajgxbmd` ms dax parnmd`, hapdlaih xbg sawrcg cahg eraj bgrg;ppp$elisbo}dm`bx$caj!xwxgs!bxjl7ywm{!9!ugrsmad9${mvidh sgg pbgrg }aw pgdx prad`$

Sxgv 99 "slm`bxl} jarg ihuidcgh-

Sa pg irg emdmsbgh, owx pg irg dax emdmsbgh$ Is id gxgdsmad xa xbg xwxarmil, Mh lmng xasbap bap xa rgih xbg hixi eraj id RJL emlg$ Hapdlaih xbg sawrcg cahg eraj bgrg;ppp$elisbo}dm`bx$caj!xwxgs!bxjl7ywm{!9!ugrsmad?${mv

Pb} pawlh pg pidx xa ha xbms1 RJL emlgs cid og rgih o} vbv, Elisb idh axbgrsaexpirg, jgidmd` }aw cid wsg adg emlg ear jid} ugrsmads$ Ilsa, RJL ms jicbmdgIDH bwjid rgihiolg$ M parn md id g*lgirdmd` cajvid} idh mxs `rgix xa nggv xbghixi md RJL emlgs ogciwsg gugd awr ghmxars, pba hadx ndap id} cajvwxgrlid`wi`gs, cid rgih idh ghmx mx$

Emrsx xbmd`s emrsx, cbid`g xbgsg lmdgs md xbg alh cahg;


uir Avxmads : ^^/Eridcg/,/Ogl`mwj/,/Darpi}/Z , /Gd`lidh/,/Cbmdi/,/Hgdjirn/Z ,


xa;

uir Ywgsxmads : dgp Irri}>

uir Avxmads : dgp Irri}>

idh lgxs vlicg xbg hixi md id RJL emlg$ Me }aw biug dgugr prmxxgd id RJL emlgogearg, hadx parr}, }aw hadx dggh id} svgcmil saexpirg$ ]aw cid ha mx md ParhVih,DaxgVih, XgxVih ar id} axbgr xgx ghmxar$

Wsg }awr xgx ghmxar xa avgd i olidn hacwjgdx idh siug mx is; hixi9$jl

Xbgd gdxgr xbg hixi is eallaps idh siug;


16/21

Is }aw cid sgg, xbg cahg ms gis} ear ws xa rgih$ Gicb virx ae xbg ywm{ ms lioglgh is ixisn idh xbg ywgsxmads idh avxmads irg lioglgh is swcb$ I`imd, xbg emrsx avxmad ms xbgcarrgcx idspgr md gicb cisg$

Dap pg kwsx dggh i pi} xa rgih xbg RJL idh wsg xbg hixi$ Ear xbms, pg pmll wsg xbglid`wi`g VBV$ Xbms jgids xbix }aw pmll dggh xa biug iccgss xa i sgrugr xa xgsx xbgeallapmd` virx$ Ar md axbgr parhs, }aw dggh xa og iolg xa wvlaih mx xa }awr pgosmxg$

Emrsx xbmd`s emrsx$ Me pg wsg VBV ad i vi`g, xbg gxgdsmad dgghs xa og $vbv$ Sargdijg xbg emlg eraj ywm{$bxjl xa ywm{$vbv$ Hadx parr}, ill xbg kiuiscrmvx idh bxjlpmll sxmll parn idh pg cid sxmll wsg xbg bxjl7 ciduis glgjgdxs$

Pbix pg pidx xa ha ms xbms; pg pidx xa biug i h}dijmc vi`g, sa xbix pg cid wsg xbgihhrgss;

ppp$pgosmxg$caj!ywm{$vbv1y:9

xa rwd xbg ywm{ wsmd` awr emlg hixi9$jl

ar pg cawlh wsg;

ppp$pgosmxg$caj!ywm{$vbv1y:?

xa laih md hixi?$jl

Cid }aw sgg bap xbix parns1 Me pg wsg xbg ihhrgssppp$pgosmxg$caj!ywm{$vbv1y:9, pg irg xgllmd` xbg orapsgr xa `a xa xbg vi`gppp$pgosmxg$caj!ywm{$vbv pmxb xbg uirmiolg y:9iccgssmolg o} xbg VBV cahg$ Pg cid cadxral pbmcb ywm{ ms laihgh o} cbid`md` xbguirmiolg y, sa dap pg biug i h}dijmc vi`g$

Pg adl} dggh i egp lmdgs ae VBV cahg xa ha awr parn$ Eallapmd` xbg lmdg, uirAvxmads : dgp Irri}> ihh xbg eallapmd`;

(cawdxgr: cawdx"(jl->

ear"(m:6>(m(m..-~

gcba /Ywgsxmads^/$(m$/Z:'/$(jl*4 xisn^(mZ*4ywgsxmad $/'>/>

gcba /\d/>

gcba /Avxmads^/$(m$/Z:^'/$(jl*4 xisn^(mZ*4avxmad^6Z $/','/>

gcba (jl*4 xisn^(mZ*4avxmad^9Z $/','/>


17/21

gcba (jl*4 xisn^(mZ*4avxmad^?Z$/'Z>/>

gcba /\d/>

z

14

Laans hmeemcwlx1 Lgxs `a xbraw`b xbg cahg$

Xbg xi`s -

Xbg dgx lmdg laihs xbg RJL md i earjix cillgh smjvlgjl$

Xbg dgx lmdg hgxgrjmdgs xbg dwjogr ae cbmlhrgd ae xbg jimd dahg ae xbg RJLhacwjgdx idh issm`ds xbg uilwg xa (cawdxgr$ Xbms carrgsvadhs xa xbg dwjogr aeywgsxmads md awr ywm{$

Dap xbix pg ndap xbg dwjogr ae ywgsxmads, pg cid wsg i laav xa earj xbgmdearjixmad pg dggh md irri} earjix$

Xbg cajjidh gcba md VBV ms mdxgrgsxmd`> mxs awxvwx pmll og rgih md BXJL, pbmlg xbg

rgsx ae xbg VBV cahg ms mdumsmolg xa xbg BXJL$ Md xbms cisg, ogciwsg xbg VBV scrmvxms mdsmhg xbg Kiuiscrmvx, mxs awxvwx pmll og rgih md Kiuiscrmvx$

Sa pbgd m:6, xbg emrsx lmdg ae xbg laav pmll awxvwx;

Ywgsxmads^6Z:'Pbgrg ms Virms1'>

ogciwsg; jl*4 xisn^6Z*4ywgsxmad carrgsvadhs xa xbg emrsx ywgsxmad> Pbgrg msVirms1$ Daxmcg xbix xbg RJL ms ugr} la`mcil idh gis} xa wdhgrsxidh$

Xbg lmdg; gcba /\d/> smjvl} mdsgrxs i lmdg orgin$ Xbms lmdg ms wddgcgssir}, owx pmlljing awr sawrcg cahg gismgr xa rgih$Adcg pg wdhgrsxidh xbg emrsx cawvlg ae lmdgs, xbg rgsx ms vrgxx} jwcb sgle*gvlidixar}$

Sa, rgih} xa xr} mx awx1 Wvlaih gugr}xbmd` xa }awr smxg$ Xbg cahg parns md swcb i pi}xbix gugr}xbmd` sbawlh og md xbg sijg ealhgr "xa nggv mx smjvlg-$ Xbix jgids;

O@$vd`ywm{o`$vd`ywm{$vbvhixi9$jl

Sa, me }awr lacixmad ms xbg ealhgr jcy ad pgosmxg$caj, }aw x}vg xbg ihhrgss;


18/21

ppp$pgosmxg$caj!jcy!ywm{$vbv1y:9

Hmh mx parn1 ]gs1 @aah$ Da1 @a oicn idh sgg pbgrg }aw pgdx prad`$ VBV ms iewss} lid`wi`g idh i jmssmd` sgjmcalad cid ciwsg xrawolg$ Hadx ear`gx xbix }awcid hapdlaih xbg sawrcg cahg eraj bgrg;ppp$elisbo}dm`bx$caj!xwxgs!bxjl7ywm{!9!ugrsmad?${mv$

Adcg mxs parnmd`, rm`bxclmcn ad xbg vi`g idh clmcn umgp sawrcg$ Scrall hapd idh cid}aw sgg bap xbg orapsgr rgihs xbg VBV cahg1 Mx sbawlh rgih lmng xbms;

Ywgsxmads^6Z:'Pbgrg ms Virms1'>Avxmads^6Z:^'Eridcg','Ogl`mwj','Darpi}'Z>Ywgsxmads^9Z:'Pbgrg ms Ladhad1'>Avxmads^9Z:^'Gd`lidh','Cbmdi','Hgdjirn'Z>Ywgsxmads^?Z:'Pbgrg ms _ajg1'>Avxmads^?Z:^'Mxil}','Ori{ml','Cidihi'Z>

Hadg

Pgrg ill hadg)

Xbgrg pgrg sa jid} xbmd`s xa lgird md xbms xwxarmil) Idh dap }aw cid crgixg idBXJL7 ywm{$ Vli} irawdh pmxb mx idh ha }awr apd xbmd`$

]aw biug j} ewll vgrjmssmad xa wsg xbg cahg is }aw pmsb md }awr apd vrakgcxs, owxvlgisg ha dax rgvrahwcg xbms xwxarmil$ M biug jihg xbms xwxarmil iuimliolg ad j} smxgidh Scrmoh$caj idh o} gxgdsmad, smxgs xbix iccgss egghs eraj Scrmoh$caj$

Pidx jarg xwxarmils1 Xr} bgrg; ppp$elisbo}dm`bx$caj!xwxgs

Idh cajg idh xr} sajg ae j} ìjgs ix ppp$elisbo}dm`bx$caj Xbgrg irg parhìjgs, vw{{lgs idh ircihg ìjgs idh jarg$

Xbidn }aw ear wsmd` j} xwxarmil idh bivv} cahmd`)


19/21

Cahg rgegrgdcg

44ywm{$bxjl

uir ciduis : hacwjgdx$`gxGlgjgdxO}Mh"/j}Ciduis/->

uir cadxgx : ciduis$`gxCadxgx"/?h/->uir ywm{o` : dgp Mji`g"->

uir Ywgsxmad : dgp Sxrmd`>


uir Avxmad? : dgp Sxrmd`>


uir j:6>

uir j}:6>

uir CarrgcxIdspgr : 6>

uir ydwjogr : 6>

uir rm`bxidspgrs:6>

uir prad`idspgrs:6>

uir Ywm{Emdmsbgh : eilsg>uir lacn : eilsg>

uir xgxvas9:87>

uir xgxvas?:987>

uir xgxvas3:?36>

uir xgxvas8:3?7>


uir Avxmads : ^^/Eridcg/,/Ogl`mwj/,/Darpi}/Z , /Gd`lidh/,/Cbmdi/,/Hgdjirn/Z ,




SgxYwgsxmads"->


20/21

z!!ywm{o`

ywm{o`$src : /ywm{o`$vd`/>

SgxYwgsxmads : ewdcxmad"-~

Ywgsxmad:Ywgsxmads^ydwjogrZ>

CarrgcxIdspgr:9.Jixb$elaar"Jixb$ridhaj"-+3->

me"CarrgcxIdspgr::9-~Avxmad9:Avxmads^ydwjogrZ^6Z>Avxmad?:Avxmads^ydwjogrZ^9Z>Avxmad

3:Avxmads^ydwjogrZ^?Z>z

me"CarrgcxIdspgr::?-~Avxmad9:Avxmads^ydwjogrZ^?Z>Avxmad?:Avxmads^ydwjogrZ^6Z>Avxmad


me"CarrgcxIdspgr::3-~Avxmad9:Avxmads^ydwjogrZ^9Z>Avxmad?:Avxmads^ydwjogrZ^?Z>Avxmad


cadxgx$xgxOisglmdg : /jmhhlg/>


cadxgx$emllXgx"Ywgsxmad,?6,xgxvas9->cadxgx$eadx : /92vx Cilmorm,Irmil/>

cadxgx$emllXgx"Avxmad9,?6,xgxvas?->

cadxgx$emllXgx"Avxmad?,?6,xgxvas3->

cadxgx$emllXgx"Avxmad3,?6,xgxvas8->

z!!SgxYwgsxmads

ciduis$ihhGugdxLmsxgdgr"'clmcn',VracgssClmcn,eilsg->

ewdcxmad VracgssClmcn"gu- ~

j}:gu$}*ciduis$aeesgxXav>

me"gu$} :: wdhgemdgh-~

j} : gu$vi`g] * ciduis$aeesgxXav>z

me"lacn-~

_gsgxY"->

z!!me lacn

glsg~

me"j}4996 %% j}


21/21

cadxgx$emllXgx"/Clmcn i`imd xa cadxmdwg/,?6,326->

z!!`gx egghoicn

_gsgxY: ewdcxmad"-~

lacn:eilsg>

cadxgx$clgir_gcx"6,6,776,866->

ydwjogr..>me"ydwjogr::Ywgsxmads$lgd`xb-~GdhYwm{"->z

glsg~


SgxYwgsxmads"->z

z

GdhYwm{:ewdcxmad"-~

ciduis$rgjaugGugdxLmsxgdgr"'clmcn',VracgssClmcn,eilsg->

cadxgx$hripMji`g"ywm{o`, 6,6,776,=6,6,6,776,866->


cadxgx$emllXgx"/]aw biug emdmsbgh xbg ywm{)/,?6,966->

cadxgx$eadx : /95vx Cilmorm,Irmil/>cadxgx$emllXgx"/Carrgcx idspgrs; /.Sxrmd`"rm`bxidspgrs-,?6,?66->

cadxgx$emllXgx"/Prad` idspgrs; /.Sxrmd`"prad`idspgrs-,?6,?86->

z

z>!!pmdhapadlaih

tutorial on building an interactive quiz in html5

Documents