Mercurial Hosting > arkian
comparison src/test.js @ 0:45a3989c3447
start public repo
| author | Franklin Schmidt <fschmidt@gmail.com> |
|---|---|
| date | Thu, 11 Sep 2025 15:26:39 -0600 |
| parents | |
| children |
comparison
equal
deleted
inserted
replaced
| -1:000000000000 | 0:45a3989c3447 |
|---|---|
| 1 // must load ot.js first | |
| 2 | |
| 3 'use strict'; | |
| 4 | |
| 5 let nQuestions = 10; | |
| 6 | |
| 7 for( let i=0; i<allQuestions.length; i++ ) { | |
| 8 allQuestions[i].i = i; | |
| 9 } | |
| 10 | |
| 11 console.log(`using ${nQuestions} out of ${allQuestions.length} questions`) | |
| 12 | |
| 13 | |
| 14 function remove(a,i) { | |
| 15 return a.splice(i,1)[0]; | |
| 16 } | |
| 17 | |
| 18 function removeRandom(a) { | |
| 19 let i = Math.floor( Math.random() * a.length ); | |
| 20 return remove(a,i); | |
| 21 } | |
| 22 | |
| 23 let questions = []; | |
| 24 let allQuestions2 = JSON.parse(JSON.stringify(allQuestions)); | |
| 25 for( let i=0; i<nQuestions; i++ ) { | |
| 26 let p = removeRandom(allQuestions2); | |
| 27 let a = []; | |
| 28 while( p.a.length > 0 ) { | |
| 29 a.push( removeRandom(p.a) ); | |
| 30 } | |
| 31 p.a = a; | |
| 32 questions.push(p); | |
| 33 } | |
| 34 | |
| 35 let encoder = document.createElement('span'); | |
| 36 | |
| 37 function htmlEncode(s) { | |
| 38 encoder.textContent = s; | |
| 39 return encoder.innerHTML; | |
| 40 } | |
| 41 | |
| 42 function checkTest() { | |
| 43 let divs = document.querySelectorAll('div[q]'); | |
| 44 let nCorrect = 0; | |
| 45 for( let div of divs ) { | |
| 46 let answer = allQuestions[div.getAttribute('q')].a[0]; | |
| 47 let selected = div.querySelector('input[type=radio]:checked'); | |
| 48 if( selected.value === answer ) { | |
| 49 selected.parentNode.insertAdjacentHTML( 'afterend', ' <span correct></span>' ); | |
| 50 nCorrect++; | |
| 51 } else { | |
| 52 selected.parentNode.insertAdjacentHTML( 'afterend', ' <span wrong></span>' ); | |
| 53 let correct = div.querySelector(`input[type=radio][value="${htmlEncode(answer)}"]`); | |
| 54 correct.parentNode.insertAdjacentHTML( 'afterend', ' <span correct></span>' ); | |
| 55 } | |
| 56 } | |
| 57 document.querySelector('div[end]').innerHTML = `\ | |
| 58 <p>${nCorrect} of ${divs.length} correct</p> | |
| 59 <p><a href="/test.html">Try again</a></p> | |
| 60 ` ; | |
| 61 } |
