Testi i gjuhës HTML. Teste për njohjen e teknologjive të internetit

24.06.2019 Internet, Wi-Fi, rrjete lokale

Nëse dëshironi të përmirësoni aftësitë tuaja zhvillimore, mënyra më e mirë deri në përsosmëri - praktikë. Ne sjellim në vëmendjen tuaj burime për testimin e njohurive në HTML/CSS.

Kjo është arsyeja pse është e rëndësishme për të gjetur mënyra të ndryshme praktikoni dhe identifikoni pikat tuaja të forta dhe dobësitë.
Përvoja praktike ju ndihmon të vlerësoni në mënyrë racionale boshllëqet në njohuritë tuaja dhe të përmirësoni vazhdimisht aftësitë tuaja. Për më tepër, testimi i njohurive tuaja do të sigurojë që të qëndroni në krye të tendencave më të fundit në fushën tuaj.

Pra, këtu janë dhjetë mënyra për të testuar njohuritë tuaja në HTML dhe CSS dhe për t'u bërë një zhvillues më profesionist i uebit.

Filloni projektin tuaj

Të jesh ekspert në teori është shumë mirë, por nuk ka gjasa të arrish lartësi të mëdha nëse nuk dini si t'i vini në praktikë njohuritë tuaja të gjera. Kjo është arsyeja pse për të filluar një projekt - plani më i mirë veprim për ju. Ndërsa zhvilloni, për shembull, faqen tuaj të internetit, do të jeni në gjendje të shënoni përparimin dhe të vlerësoni arritjen e qëllimeve tuaja.

Konkurroni

Mënyra më e mirë për të testuar forcën tuaj është të merrni pjesë në garat reale të programimit, për shembull, në komunitetin CodeWars. Në formën e një loje ju konkurroni me të tjerët njerëz të vërtetë, duke mësuar nga gabimet tuaja. Por kjo ka kuptim vetëm nëse luani drejtë.

Bashkohuni me komunitetin

Nëse konkurrenca është e tepërt zgjedhje e veshtire për ju, veçanërisht nëse jeni plotësisht i ri, opsion i mirë do t'i bashkohet komunitetit për testime dhe trajnime të mëtejshme. Në procesin e komunikimit, është shumë më e lehtë të identifikoni pikat tuaja të forta dhe të dobëta dhe të punoni mbi to.

Në të njëjtën kohë, komuniteti është një shoqëri me njerëz të talentuar që ju japin mundësinë dhe nxitjen për t'u përmirësuar. Duke marrë pjesë në diskutime, ju mund të bëni pyetje të sigurta dhe të merrni informacionin që ju nevojitet.

Ushtroni në sandbox

Ky mjet ekzekuton kodin tuaj dhe ju lejon të shihni rezultatin e ekzekutimit të tij. Projektet ekzekutohen në shfletues dhe mund të marrin pjesë në gara dhe gara, të cilat do të tregojnë se sa të larta mund të përmbushin pritshmëritë.

Burimi përmban shumë projekte të hapura për studim, të cilat do t'ju lejojnë të kuptoni se si funksionojnë dhe të zbatoni njohuritë e fituara në praktikën tuaj. Herë pas here, për të motivuar pjesëmarrësit, faqja mban konkurse në të cilat mund të konkurroni me programues të tjerë me mundësinë për të marrë pozicione të larta në tabelën e drejtuesve dhe për të fituar çmime.

Provoni enigmat dhe sondazhet e shpejta

Ka kuize të panumërta dhe lojëra enigmash të disponueshme në internet që mbulojnë HTML, CSS dhe gjuhë të tjera programimi. Si rregull, ato janë të pranishme në faqet me pagesë si një shtesë e kurseve të trajnimit. Ju gjithashtu mund të praktikoni me një mentor më me përvojë.

Luaj

Nuk është sekret që nëse papritmas vendosni të argëtoheni, mund të përfitoni shumë më tepër nga kjo formë trajnimi sesa nga teoria e thatë dhe zgjidhja e ushtrimeve. Duke luajtur, së bashku me aftësitë programuese, ju merrni kënaqësi, një ngarkesë përshtypjesh pozitive dhe nivel të lartë kënaqësinë me rezultatet. Loja i bën detyrat që dalin më të gjalla dhe interesante, dhe për këtë arsye e bën të funksionojë imagjinata dhe të menduarit krijues.

Gjeni një faqe me teste interaktive

Më së shumti në një mënyrë të thjeshtë Për të vlerësuar objektivisht aftësitë e programimit është të vizitoni faqen për testim. Testet ofrojnë një mundësi për të punuar në një sërë pyetjesh dhe për të marrë praktikë të mirë. Ju mund të vlerësoni nivelin tuaj para dhe pas kalimit të ndonjë testi ose kursi testesh.

Disiplino veten

Një pjesë e rëndësishme e procesit të të mësuarit dhe testimit të njohurive tuaja është identifikimi më i madh mënyra më e mirë të arrijë produktivitetin maksimal. Ju mund të merrni pjesë në aktivitete që do t'ju ndihmojnë të gjeni këtë mënyrë. Për shembull, Clean Coders është një faqe që e ofron këtë mundësi përmes videove të trajnimit profesional. Për më tepër, këto video janë shumë interesante, kështu që nuk keni pse të shqetësoheni për përqendrimin, do të jeni të fiksuar që në minutat e para.

Shikoni nëpër botë

Vendoseni veten pranë zhvilluesve nga e gjithë bota. Hani rrjeti social, i cili ju lejon të lidheni me programues të pavarur nga më shumë se njëqind vende të botës. Do të gjeni shumë njerëz të talentuar, si dhe mundësinë për të vlerësuar aftësitë tuaja dhe për të mësuar gjëra të reja.

Testimi për njohuritë e temave të mëposhtme është tashmë i disponueshëm në sajt: HTML, CSS, JavaScript, PHP, SQL.

Çdo test përbëhet nga 10 pyetje për një temë specifike. Në secilën pyetje u përpoqa të mbuloja fushat më të larmishme të aplikimit të një gjuhe të caktuar, në mënyrë që të testoja sa më plotësisht nivelin tuaj të njohurive.

Sigurisht, të gjitha testet janë falas dhe çdokush mund t'i bëjë ato.

Procedura e testimit:

Ndiqni lidhjen "Filloni testimin" për testin përkatës.

Përgjigjuni pyetjeve të parashtruara duke zgjedhur opsionin e vetëm të saktë.

Pas përfundimit të testit, do të shihni rezultatin tuaj, numrin e gabimeve, si dhe një analizë të secilës pyetje nga testi.

Kujdes! Nuk do të jeni në gjendje t'i ktheheni pyetjes së mëparshme, prandaj mendoni përpara se të përgjigjeni.

Në dispozicion në për momentin testet

HTML

Testimi total i kryer: 67,354 persona
Nota mesatare: 2.85 nga 5 pikë.

Test njohurish Bazat e HTML. Do t'ju duhet njohuri për etiketat bazë HTML, si dhe përdorimin e tyre kompetent. Është gjithashtu e nevojshme të kuptohen veçoritë e standardit XHTML 1.1.

CSS

Gjithsej testi i kryer: 29039 persona
Nota mesatare: 3.38 nga 5 pikë.

Testi teston njohuritë mbi Bazat e CSS. Për të kaluar me sukses testin, duhet të njihni llojet kryesore të përzgjedhësve (sintaksën e tyre), të njihni vetitë themelore dhe të tyre vlerat e mundshme, dhe gjithashtu e di qëllimin e pseudo-elementeve më të njohura.

JavaScript

Gjithsej testi i kryer: 22972 persona
Nota mesatare: 3.3 nga 5 pikë.

Ky test teston njohuritë tuaja për Gjuha JavaScript. Pyetjet e testit mbulojnë një sërë aplikacionesh të kësaj gjuhe. Ka shumë pyetje në lidhje me të kuptuarit e nuancave "të vogla". Përndryshe, ju kërkohet të dini gjërat themelore: puna me variabla, themelore Funksionet JavaScript, prioritetet e funksionimit etj.

PHP

Testimi total i kryer: 31651 persona
Nota mesatare: 3.03 nga 5 pikë.

Ky test teston njohuritë tuaja për Gjuha PHP. Ju kërkohet të dini bazën PHP konstruktet, duke punuar me variabla, sesione, duke zbatuar ridrejtime dhe gjëra të tjera standarde.
Ne kërkojmë me mirësi: Testi përmban shumë pyetje si: "Çfarë do të dalë nga skenari?" Ju lutemi mos e kopjoni ose kontrolloni. Jini të sinqertë me veten tuaj.

SQL

Testimi total i kryer: 17,168 persona
Nota mesatare: 3.29 nga 5 pikë.

Ky test teston njohuritë tuaja gjuhësore Pyetjet SQL. Pyetjet shqetësojnë vetëm më shumë njohuritë bazë këtë gjuhë, pa asnjë thellim. Do t'ju duhet njohuri për pyetjet më themelore SQL, si dhe përdorimin e tyre kompetent.

Ne kërkuam dhe kërkuam dosjen që ju treguat, por nuk e gjetëm kurrë. Kjo mund të ndodhë në një nga dy rastet:

Ke bërë diçka të gabuar.

Ne bëmë diçka të gabuar.

Për të mos u kapur herën tjetër situatë e ngjashme ju lutem dëgjoni leksion i shkurtër, e cila shpjegon se si dhe pse shfaqet faqja e gabimit me emrin e koduar 404.

Si dhe pse shfaqet një faqe e gabimit 404

Sigurisht, shpesh e keni pyetur veten pse, kur shkruani adresën e një faqeje ose kur klikoni në një lidhje, shfaqet diçka krejtësisht e ndryshme nga ajo që prisnit, por një misterioze dhe faqe e paqartë, që përmban informacione që absolutisht nuk na nevojiten. Jo vetëm që zhgënjehemi, sepse në vend të asaj që duam, na jepet një “bedel”, por edhe kjo faqe zakonisht mbulohet me pankarta, sikur të gjithë e vizitojnë vetëm atë.

Pra, një faqe gabimi 404 shfaqet si rezultat i situatave të mëposhtme. Dhe duke qenë se po lexoni këtë tekst, do të thotë se jeni në njërin prej tyre.

1. Adresa e faqes është shkruar gabimisht

Epo, ne kemi bërë një gabim, kjo u ndodh të gjithëve. Shikoni me kujdes dhe vendosni sërish adresën. Nëse jeni absolutisht i sigurt se keni shkruar gjithçka saktë, kaloni në pikën tjetër.

2. Faqja u zhvendos ose u fshi nga administratori i faqes

Kishte një faqe, por ajo u zhduk. Ndoshta e hoqën, ndoshta e riemëruan, ose ndoshta e zhvendosën, ose ndoshta... Çdo gjë mund të ndodhë. Sepse administratori mund të bëjë çfarë të dojë në faqe. Prandaj është administrator! Në këtë rast, ajo që mbetet është ta kapni në një cep të errët dhe t'i thoni me mirësjellje: “Si mund të jetë kështu! Ku është faqja e detyrave, pyes për herë të fundit, faqja, meqë e jotja është dy, ku të shkosh? Epo, vendoseni në vendin e vet!” Pas së cilës, çdo person i arsyeshëm, duke kuptuar thellësinë e mashtrimit të tij dhe paaftësisë së plotë, bën një ridrejtim nga adresa faqe e vjetër në adresën e re. Dhe ne jemi të lumtur, mund të telefonojmë sërish adresën e zakonshme, duke mos u shqetësuar më nëse është e saktë apo jo.

3. Zhvilluesi e ka futur gabim adresën e lidhjes

Edhe një herë, historia përsëritet me një cep të errët. Vetëm këtë herë ne kapim zhvilluesin që shtroi sitin dhe bëri lidhje në të. Dhe përsëri, me një ton të sjellshëm, duke luajtur me një objekt të ftohtë dhe të mprehtë pranë pjesëve të tij të buta të trupit, i kërkojmë që të bëjë gjithçka siç duhet. Është thjesht e pamundur t'i rezistosh një kërkese kaq të pafajshme.

Pasi ta lexoni këtë, mund të keni idenë se keni përfunduar në këtë faqe vetëm për fajin e autorit të kësaj faqeje. Unë guxoj t'ju siguroj se nuk është kështu. Lexoni paragrafin e parë, gjithçka është shkruar atje.

Artikulli përshkruan krijimin e njëpasnjëshëm të një testi trajnimi. Nëse nuk doni të lexoni rreth programimit, atëherë kaloni direkt në seksionin me udhëzime se si ta modifikoni testin dhe ta shkarkoni.

Krijimi i një testi të thjeshtë

Zhvillimi teknologjia e informacionit dhe edukimi në distancë çon në nevojën e krijimit të testeve arsimore elektronike. Shumë mësues dhe pedagogë janë përballur me problemin e krijimit të testeve arsimore. Vështirësia kryesore në zgjidhjen e këtij problemi është se kur krijohen të tilla materiale elektronike kërkohet njohja e HTML dhe Javascript.

Si ta zgjidhni këtë problem. Mësuesi mund të përdorë dizajner online testoni ose përpiquni të krijoni vetë një test duke përdorur një shabllon. Është opsioni i dytë që do të shqyrtojmë në këtë artikull.

Ne do të krijojmë një shabllon të thjeshtë, i cili më pas mund të shumëzohet në disa skedarë dhe secili të kthehet në një test të veçantë.

Le të themi se ekziston një test i thjeshtë matematikor i përbërë nga disa probleme matematikore:

4*12 +7 =

7-8*2 =

34*2 + 17 =

Shembujt duhet të shfaqen në ekran dhe nxënësit t'i jepet mundësia të shkruajë një përgjigje, pastaj të krahasojë përgjigjen me atë të saktë dhe t'i tregojë studentit përqindjen e detyrave të kryera saktë.

Së pari, le të krijojmë kodin HTML për detyrat:

4*12 + 7 =

7-8*2 =

34*2 + 17 =

Kontrollo

Pranë çdo detyre të testit të trajnimit, ne kemi futur një fushë të futjes së tekstit. Lexoni më shumë rreth fushave të ndryshme në HTML në artikullin në lidhje. Në fund shtuam një buton, kur të klikohet, duhet të kontrollohet se çfarë përgjigjet studenti në tekst.

Kushtojini vëmendje identifikuesve "z_1", "z_2" dhe "z_3". Nëse keni nevojë të shtoni detyrën 4, atëherë thjesht duhet të kopjoni rreshtin e fundit me detyrën, të zëvendësoni kushtin dhe të shkruani "z_4" në fushën e identifikuesit.

Në rreshtin e fundit do të tregojmë rezultatin e detyrave pas verifikimit.

Në fazën tjetër, ju duhet të krijoni një kod JavaScript që do të krahasojë atë që studenti ka shkruar me përgjigjet e sakta dhe do të llogarisë përqindjen e detyrave të përfunduara.

pr_otv_zadachi_1 = 55;
pr_otv_zadachi_2 = -9;
pr_otv_zadachi_3 = 85;

Tre rreshtat e parë do të përmbajnë përgjigjet e sakta. Problemet e katërt dhe ato pasuese i shtohen testit duke kopjuar rreshtin e fundit me përgjigjen, duke zëvendësuar numrin 4 në vend të 3 dhe duke treguar përgjigjen e saktë.

Tani duhet të zbuloni se çfarë ka futur studenti në përgjigjet. Për ta bërë këtë ne përdorim kodin e mëposhtëm.

otv_uch_1 = document.getElementById('z_1').vlera;
otv_uch_2 = document.getElementById('z_2').vlera;
otv_uch_3 = document.getElementById('z_3').vlera;

Detyra e katërt do të thotë linjë e re me numrat 3 të zëvendësuar me 4.

top = 0;
top +=1;
}
top +=1;
}
top +=1;
}

Për të shtuar problemin 4, do t'ju duhet të kopjoni tre rreshtat e fundit dhe të zëvendësoni numrat në to me 4.

vsego_zadach = 3

Në këtë rresht tregojmë se sa detyra ka në testin e trajnimit. Nëse keni shtuar më shumë, atëherë duhet ta korrigjoni këtë shifër.

Pastaj ju duhet të shfaqni përgjigjen në ekran.

document.getElementById('rezultat').innerHTML = "Detyrat e përfunduara saktë nga "+procent_vip+"%.";

Kjo është ajo. Tani le të kombinojmë të gjithë kodin në një faqe HTML.

Testi i matematikës me shumë probleme

p(
madhësia e shkronjave: 24 px;
}
hyrje (
madhësia e shkronjave: 24 px;
}

Plotësoni detyrat e testit:

4*12 + 7 =

7-8*2 =

34*2 + 17 =

Kontrollo

prove funksioni())(
pr_otv_zadachi_1 = 55;
pr_otv_zadachi_2 = -9;
pr_otv_zadachi_3 = 85;
otv_uch_1 = document.getElementById("z_1").vlera;
otv_uch_2 = document.getElementById("z_2").vlera;
otv_uch_3 = document.getElementById("z_3").vlera;
top = 0;
if(otv_uch_1 == pr_otv_zadachi_1)(
top +=1;
}
if(otv_uch_2 == pr_otv_zadachi_2)(
top +=1;
}
if(otv_uch_3 == pr_otv_zadachi_3)(
top +=1;
}
vsego_zadach = 3;
përqindje_vip = top/vsego_zadach * 100;
document.getElementById("rezultat").innerHTML = "Detyrat e përfunduara saktë në "+procent_vip+"%.";
}

Këtu është i gjithë kodi i testit të trajnimit me përgjigje në HTML. Më poshtë mund ta shkarkoni këtë skedar. Përdorni këto udhëzime për të rritur ose ulur numrin e detyrave.

Shkarkoni modelin e testit. Opsion i thjeshtë

Shkarko skedarin: (shkarkime: 593)

Më poshtë mund të shkarkoni një version të zgjeruar të testit.

Ndarja e pyetjeve të testit. Shtimi i një butoni "Pyetja tjetër".

Duhet të sigurohemi që të shfaqet vetëm një pyetje në të njëjtën kohë. Dhe për të kaluar në pyetjen tjetër duhet të klikoni butonin "Pyetja tjetër". Për ta bërë këtë, shtoni secilën fushë pyetje dhe përgjigje për ta ndarë blloqe div

. Për më tepër, për pyetjen e dytë dhe të tretë do të shtojmë parametrin "display:asnjë" për t'i fshehur ato. Për të parën, ne specifikojmë parametrin "display:block". Dhe për çdo bllok ne do të nënshkruajmë numrat e pyetjeve.

4*12 + 7 =

Pyetja 1

7-8*2 =

Pyetja 2

34*2 + 17 =

Pyetja 3

Do të shtojmë gjithashtu kodin për butonin "Pyetja tjetër".

Pyetja e radhës

Në kushtin e parë, kontrollojmë nëse shfaqet pyetja e dytë, nëse po, atëherë duhet të fshihet dhe pyetja e tretë të shfaqet, dhe gjithashtu duhet të fshehim butonin për kalimin midis pyetjeve të testit dhe të shfaqim butonin "Kontrollo" pasi kjo eshte pyetja e fundit. Në kushtin e dytë, kontrollojmë nëse shfaqet pyetja e parë e testit. Nëse është kështu, atëherë duhet ta fshehni dhe të tregoni pyetjen e dytë.

Si rezultat, testi ynë duket si ky:

Por në këtë version, shtimi i pyetjeve të reja në test do të jetë më i vështirë.

Transferimi i pyetjeve dhe përgjigjeve të testit në skedar të veçantë JavaScript

Për ta bërë më të lehtë zëvendësimin e pyetjeve, duhet t'i transferoni ato dhe përgjigjet në një skedar të veçantë. Atëherë nuk do t'ju duhet t'i kërkoni këto të dhëna në skedarin kryesor. Nëse nuk jeni programues, atëherë një kërkim i tillë nuk do të jetë i lehtë. Kështu ne krijojmë skedar i ri data.js dhe lidheni me atë kryesore skedar html testin tonë. Më pas, i shtojmë disa variabla me pyetje dhe disa me përgjigje (përgjigjet i transferojmë nga skedari kryesor).

Pyetje_1 = "4*12 + 7 = "; vopros_2 = "7-8*2 = "; vopros_3 = "34*2 + 17 = "; pr_otv_zadachi_1 = 55; pr_otv_zadachi_2 = -9; pr_otv_zadachi_3 = 85;

Pyetja 1

Pyetja 2

Dhe ne shkruajmë kodin javascript për vendosjen e tekstit të pyetjeve nga variablat pasi të jetë ngarkuar faqja.

Document.addEventListener("DOMContentLoaded", funksion())(document.getElementById("v_1").innerHTML = vopros_1; document.getElementById("v_2").innerHTML = vopros_2; document.getElementById =HTML("v_3"). vopros_3 ));

Kjo është ajo. Tani, për të zëvendësuar tekstin e pyetjeve të testit dhe përgjigjet për të, ju duhet vetëm të redaktoni skedarin data.js. Le të shtojmë emrin e testit në të njëjtën mënyrë:

Var test = "Shumëzimi";

Kriptimi i përgjigjeve të testit

Ekziston një e metë në programin e testit arsimor që kemi arritur. Nëse një student hap skedarin “data.js”, ai do të shohë jo vetëm tekstet e pyetjeve, por edhe përgjigjet. Prandaj, ne duhet t'i kodojmë përgjigjet në mënyrë që studenti të mos mund t'i njohë ato.

Për ta bërë këtë, ne përdorim funksionin kodirov. Duket kështu:

Funksioni kodirov(stroka) ( var b64ch = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefg"+ "hijklmnopqrstuvwxyz0123456789+/="; var b64enc = ""; var ch1, ch2, ch1, en3, var; 2 en2 = ((ch1 & 3) > >

Në të njëjtën mënyrë kodojmë pyetjen e dytë dhe të tretë. Pas kriptimit, përmbajtja e skedarit data.js duket si kjo:

Var vopros_1 = "4*12 + 7 = "; var vopros_2 = "7-8*2 = "; var vopros_3 = "34*2 + 17 = "; var pr_otv_zadachi_1 = "NTU="; var pr_otv_zadachi_2 = "LTk="; var pr_otv_zadachi_3 = "ODU=";

Siç mund ta shihni, përgjigjet janë të koduara dhe janë një grup karakteresh.

Në skedarin kryesor, duhet të kodoni atë që studenti ka shkruar përpara se ta kontrolloni.

Otv_uch_1 = document.getElementById("z_1").vlera; otv_uch_1 = kodirov(otv_uch_1); otv_uch_2 = document.getElementById("z_2").vlera; otv_uch_2 = kodirov(otv_uch_2); otv_uch_3 = document.getElementById("z_3").vlera; otv_uch_3 = kodirov(otv_uch_3);

Si rezultat, programi kontrollon përgjigjet e koduara dhe studenti nuk mund t'i gjejë përgjigjet e pyetjeve të testit arsimor.

Jepni rezultatin e përgjigjes për secilën pyetje

Rezultatet e testit tonë të trajnimit rezultat i përgjithshëm në përqindje. Le të sigurohemi që rezultatet për secilën pyetje të shfaqen veçmas. Në këtë mënyrë do të jetë e mundur të kryhen më shumë analiza e detajuar nxënësit që plotësojnë testin.

Për ta bërë këtë, ju duhet të modifikoni funksionin për kontrollimin e përgjigjeve të studentëve.

Funksioni proverit())( otv_uch_1 = document.getElementById("z_1").vlera; otv_ucgenika_1 = otv_uch_1; otv_uch_1 = kodirov(otv_uch_1); otv_uch_2 = document.getElementById ("z_2").vlera =__2 otv__2; dirov( otv_uch_3 = document.getElementById("z_3").vlera otv_uch_3 = kodirov(otv_uch_1 == pr_otv_zadachi_1)(tip +=1); Përgjigja juaj: "+otv_ucgenika_1; ) else ( otveti = "Pyetja 1. Ju jeni përgjigjur gabim. Përgjigja juaj: "+otv_ucgenika_1; ) if(otv_uch_2 == pr_otv_zadachi_2)( top +=1; otveti += "
Pyetja 2. Ju jeni përgjigjur saktë. Përgjigja juaj: "+otv_ucgenika_2; ) other ( otveti += "
Pyetja 2. Ju jeni përgjigjur gabim. Përgjigja juaj: "+otv_ucgenika_2; ) if(otv_uch_3 == pr_otv_zadachi_3)( top +=1; otveti += "
Pyetja 3. Ju jeni përgjigjur saktë. Përgjigja juaj: "+otv_ucgenika_3; ) other ( otveti += "
Pyetja 3. Ju jeni përgjigjur gabim. Përgjigja juaj: "+otv_ucgenika_3; ) vsego_zadach = 3; procent_vip = top/vsego_zadach * 100; document.getElementById("rezultat").innerHTML = "Detyrat e përfunduara saktë në "+procent_vip+"%.

"+otveti;)

Si rezultat i modifikimit të këtij funksioni, shfaqet nëse studenti është përgjigjur saktë dhe përgjigja e tij shfaqet gjithashtu në ekran. Mësuesi mund të krahasojë përgjigjen e nxënësit me atë të saktë, si dhe të analizojë punën edukative.

Kështu, ne kemi marrë një test arsimor të plotë që mund të përdoret në tuaj aktivitete edukative. Për lehtësi më të madhe, e zhvendosa skedarin data.js në dosje të veçantë. Mund ta modifikoni skedarin data.js në cilindo redaktori i tekstit, për shembull, "Notepad".

Pas modifikimeve të fundit, zmadhimit të shkronjave, shtimit të ngjyrës në përgjigje, marrim origjinalin e plotë të mëposhtëm kodi html dosje:

Provoni p, hapësirën, hyrjen ( madhësia e shkronjave: 24 px; ) butoni ( madhësia e shkronjave: 18 px; ) #vo ( ngjyra: jeshile; ) #nvo ( ngjyra: e kuqe; ) #ot ( ngjyra: blu; )

Test. Subjekti. .

Pyetja 1

Pyetja 2

Pyetja tjetër Kontrolloni document.addEventListener("DOMContentLoaded", funksion())(document.getElementById("v_1").innerHTML = vopros_1; document.getElementById("v_2").innerHTML = vopros_2; document.getElementById("v_3") innerHTML = vopros_3; document.getElementById("tema").innerHTML = test )); funksioni sled_vopr())( if(document.getElementById("vopros2").style.display == "blloku")(document.getElementById("vopros2").style.display = "asnjë"; document.getElementById("vopros3 " ).style.display = "bllok"; document.getElementById("kn_sl").style.display = "asnjë"; document.getElementById("kn_pr").style.display = "blloku" ) if(document.getElementById ("vopros1").style.display == "blloko")( document.getElementById("vopros1").style.display = "asnjë"; document.getElementById("vopros2").style.display = "blloko"; ) ) funksion proverit())( otv_uch_1 = document.getElementById("z_1").vlera; otv_ucgenika_1 = otv_uch_1; otv_uch_1 = kodirov(otv_uch_1); otv_uch_2 = document.getElementById("z_2"_2"). = kodirov(otv_uch_3 = document.getElementById("z_3").vlera otv_uch_3 = kodirov(otv_uch_3) .style. kn_pr").style.display = "asnjë";if(otv_uch_1 == pr_otv_zadachi_1)(top +=1;
otveti = "Pyetja 1. Ju jeni përgjigjur saktë. Përgjigja juaj: "+otv_ucgenika_1+""; ) else ( otveti = "Pyetja 1. Ju jeni përgjigjur gabim. Përgjigja juaj: "+otv_ucgenika_1+""; ) if(otv_uch_2 == pr_otv_zadachi_2)( top +=1; otveti += "
Pyetja 2. Ju jeni përgjigjur saktë. Përgjigja juaj: "+otv_ucgenika_2+""; ) other ( otveti += "
Pyetja 2. Ju jeni përgjigjur gabim. Përgjigja juaj: "+otv_ucgenika_2+""; ) if(otv_uch_3 == pr_otv_zadachi_3)( top +=1; otveti += "
Pyetja 3. Ju jeni përgjigjur saktë. Përgjigja juaj: "+otv_ucgenika_3+""; ) other ( otveti += "

"+otveti; ) funksion kodirov(stroka) ( var b64ch = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefg"+ "hijklmnopqrstuvwxyz0123456789+/="; var b64enc = ""; var ch1,4 ench; =0 i> 2 = ((ch1 & 3) > en3 = ch3 & 63); charAt(en1) + b64ch.charAt(en2) + b64ch.charAt(en3) + b64ch.charAt(en4);

Rezultati i ekzekutimit të një testi me një gabim në detyrën e tretë është paraqitur në figurën më poshtë. Shtova gjithashtu një funksion për rrumbullakimin e përqindjes së detyrave të përfunduara "toFixed()".

Më poshtë mund ta shkarkoni këtë program.

Shkarkoni modelin e testit

Shkarko skedarin: (shkarkime: 93)
Shkarko skedarin: (shkarkime: 102)
Shkarko skedarin: (Shkarkime: 120)

Ju mund të kodoni përgjigjet tuaja për testin në faqen tonë të internetit.

Shtimi i imazheve në pyetjet e testit

Natyrisht, shumë pyetje kërkojnë shtimin e imazheve kur krijoni një test. Shpesh ju duhet të shtoni një imazh në vend të tekstit të pyetjes. Le të zbatojmë këtë mundësi edhe përmes skedarit data.js. Unë do të redaktoj testin më të madh prej 15 pyetjesh. Pra, për secilën pyetje do të shtoj një variabël të veçantë dhe do të tregoj në të: nëse ka një imazh, atëherë "po", përndryshe "jo".

Var vopros_ris_1 = "po"; var vopros_ris_2 = "jo"; var vopros_ris_3 = "jo"; var vopros_ris_4 = "po"; var vopros_ris_5 = "jo"; var vopros_ris_6 = "jo"; var vopros_ris_7 = "po"; var vopros_ris_8 = "jo"; var vopros_ris_9 = "jo"; var vopros_ris_10 = "jo"; var vopros_ris_11 = "jo"; var vopros_ris_12 = "jo"; var vopros_ris_13 = "jo"; var vopros_ris_14 = "jo"; var vopros_ris_15 = "po";

Dëshiroj të tërheq vëmendjen tuaj për faktin se nëse ka një imazh, e kam hequr plotësisht tekstin e pyetjes.

Var pyetje_1 = ""; var vopros_2 = "7-8*2 = "; var vopros_3 = "34*2 + 17 = "; var pyetje_4 = ""; var vopros_5 = "36*2 + 4 = "; var vopros_6 = "37*8 + 7 = "; var pyetje_7 = ""; var vopros_8 = "39*12 + 19 = "; var vopros_9 = "40*2 + 16 = "; var vopros_10 = "41*4 + 3 = "; var vopros_11 = "42*8 - 7 = "; var vopros_12 = "43*6 - 5 = "; var vopros_13 = "4*62 - 6 = "; var vopros_14 = "45*9 - 9 = "; var pyetje_15 = "";

Por mund të shtoni edhe një imazh dhe tekst pyetjesh.

NË në këtë rast Unë tregova se pyetjet me numër 1,4,7 dhe 15 do të kishin imazhe. Kështu që më duhet t'i shtoj këto imazhe në dosjen "të dhënat". Emrat e tyre duhet të korrespondojnë (përfshirë përmbajtjen) me numrat e pyetjeve: “01.jpg”, “04.jpg”, “07.jpg” dhe “15.jpg”.

NË kodi i programit në skedarin kryesor kam shtuar kushte që kontrollojnë variablat. Nëse ka një imazh, atëherë ai ngarkohet në pyetjen e testit. Një shembull i një kodi të tillë për pyetjen e parë: if(vopros_ris_1 == "po"))( vopros_1 = "

"+vopros_1; document.getElementById("v_1").innerHTML = vopros_1; ) tjetër (document.getElementById("v_1").innerHTML = vopros_1; )

Shkarko skedarin: (Shkarkime: 57)

Rastisni pyetjet e testit

Në rastin kur testin e bëjnë disa nxënës të klasës njëherësh, të cilët janë ulur pranë njëri-tjetrit, kam hasur në një problem kur disa prej tyre shikojnë se çfarë përgjigjen të tjerët të ulur pranë njëri-tjetrit. Kjo është arsyeja e parë për përzierjen e pyetjeve. E dyta është vetëm krijimi sasi e madhe variante të të njëjtit test.

Këto manipulime e komplikojnë disi programin. Për ta bërë këtë, do t'ju duhet të krijoni një grup, të vendosni të gjitha pyetjet, imazhet dhe përgjigjet në të dhe më pas të përzieni gjithçka në një mënyrë të rastësishme.

Megjithatë, nuk e redaktova skedarin "data.js".
Kështu duket ndryshorja në të cilën vendoset grupi: voprosi = [,,,,,,,,,,,,,,,];

Peremeshat_vse_voprosi(voprosi);

Unë shtoj një variabël të ri në skedarin data.js në të cilin mund të specifikoni nëse do të përzieni pyetjet apo jo ("po" ose "jo").

Var peremeshat_voprosi = "po";

Një shembull i daljes së një pyetjeje në një skedar html:

Document.getElementById("v_1").innerHTML = voprosi;

Ju mund ta shkarkoni testin me aftësinë për të përzier pyetje duke përdorur lidhjen më poshtë.

Meqenëse pyetjet janë të përziera, në rezultatin e programit shtova rezultatin jo vetëm të përgjigjeve të studentit, por edhe tekstin e pyetjeve. I kombinova të gjitha këto në një tabelë.

Shkarkoni modelin e testit me imazhe

Shkarko skedarin: (shkarkime: 59)

Dizajn vizual i programit të testimit

Të gjitha funksionet kryesore janë shtuar në test. Tani le të kalojmë në hartimin e programit të testit arsimor. Për të reduktuar kohën e projektimit, unë përdor bibliotekë falas bootstrap.

Klasat e bibliotekës janë shtuar dhe pothuajse të gjitha veçoritë për hartimin e pyetjeve të testit dhe tabelës së rezultateve janë zëvendësuar.
Pra, vetë testi duket si ky:

Dhe tabela e përgjigjeve duket si kjo:

Ju lutemi vini re se duke përdorur bibliotekën e bootstrap, kam shtuar gjithashtu një shkallë që tregon përqindjen e detyrave të testimit të përfunduara saktë.