<html>
<head>
<title>One or Several Quiz - RJM Programming - July, 2021</title>
<meta charset="utf-8"/>
<script type='text/javascript'>
var qs=["Which countries comprise Indochina?",
"Which are primary colours?",
"In order which are 6th, 7th and 8th longest rivers in the world?",
"How many in a baker's dozen?",
"As of 30/7/2021 how many countries use the euro as their primary currency?",
"Which of these capital cities are South American ones?",
"In order which are increasing atomic number gaseous element symbols of the periodic table?",
"Which three consecutive numbers form a numerical sequence?",
"That's odd?!",
"Which cloud types can result in drizzle?",
"Of the main taxonomic ranks below which categorizes Homo?",
"Which set of three consecutive rock types are Metamorphic rocks?",
];
var os=["Cambodia, China, Japan, Laos, Myanmar, North Korea, South Korea, Thailand, Vietnam, India, Bangladesh, Malaysia",
"orange, yellow, purple, blue, red, brown, green",
"Yangtze, Mekong, Paraná, Irtysh, Lena, Mississippi, Nile, Yellow, Congo, Amazon",
"12, 14, 16, 15, 13, 24, 10",
"27, 25, 19, 21, 23, 22, 12, 17",
"Paris, Montevideo, Caracas, Pretoria, Jakarta, New Delhi, Lima, San Salvador, Georgetown, Tashkent, Copenhagen, Sucre",
"Og, F, B, C, Xe, Ne, N, Be, Li, Ca, K, Ka, Ar, H, O, He, Cl",
"2, 4, 15, 81, 9, 3, 33, 38, 42, 21, 14, 8, 56, 45, 31",
"72, 84, 15, 81, 9, 63, 33, 38, 42, 21, 14, 88, 56, 45, 31",
"Cirrus, Cirrocumulus, Cirrostratus, Altocumulus, Altostratus, Nimbostratus, Stratocumulus, Stratus, Cumulus, Cumulonimbus",
"kingdom, phylum or division, class, order, family, genus, species",
"pumice, gabbro, granite, slate, marble, schist, limestone, sandstone, shale"
];
var as=["Cambodia, Laos, Myanmar, Thailand, Vietnam",
"yellow, blue, red",
"Yellow,Paraná,Congo",
"13",
"19",
"Montevideo, Caracas, Lima, Georgetown, Sucre",
"H,N,O,F,He,Ne,Cl,Ar,Kr,Xe,Og",
"81, 9, 3",
"15, 81, 9, 63, 33, 21, 45, 31",
"Stratocumulus, Stratus",
"genus",
"slate, marble, schist"
];
var score=0;
var goes=0;
var lastq=-1;
var savedih=''
var gmlist='';
var validcall=true;
var inthegame=false;
function scoreit() {
var suffix=' ... Bad luck.';
if (inthegame && validcall) {
goes++;
if (gmlist.toLowerCase() == document.getElementById('answer').getAttribute('data-title').toLowerCase().replace(/\ /g,'')) {
score+=eval('' + document.getElementById('answer').getAttribute('data-title').toLowerCase().split(',').length);
suffix=' ... Well done!';
} else if (document.getElementById('answer').getAttribute('data-title').toLowerCase().indexOf(' ') != -1) {
var answs=gmlist.split(',');
var rw=document.getElementById('answer').getAttribute('data-title');
for (var i=0; i<answs.length; i++) {
rw=rw.replace(answs[i], '');
}
if (rw.replace(/\,/g, '').replace(/\ /g, '') == '') {
score+=eval('' + document.getElementById('answer').getAttribute('data-title').toLowerCase().split(',').length);
suffix=' ... Well done!';
}
}
document.getElementById('score').innerHTML='Score: ' + score + '/' + goes + suffix;
gmlist='';
document.getElementById('answer').size='1';
document.getElementById('answer').innerHTML=savedih;
validcall=false;
inthegame=false;
pickq();
} else if (inthegame) {
validcall=true;
document.body.style.cursor='progress';
setTimeout(scoreit, 15000);
}
}
function pickq() {
if (savedih == '') { savedih=document.getElementById('answer').innerHTML; }
var apick=Math.floor(Math.random() * qs.length);
while (apick == lastq) {
apick=Math.floor(Math.random() * qs.length);
}
lastq=apick;
var spick=Math.floor(Math.random() * 2);
var selih=savedih;
var answs=os[apick].split(',');
document.body.style.cursor='pointer';
if (qs[apick].replace('Of the ',' consecutive ').indexOf(' consecutive ') != -1) { spick=1; }
for (var i=0; i<answs.length; i++) {
if (spick == 1 ) {
selih+="<option onclick='oneanswer(this);' value='" + answs[i].trim() + "'>" + answs[i].trim() + "</option>";
} else {
selih=selih.replace(savedih, savedih + "<option onclick='oneanswer(this);' value='" + answs[i].trim() + "'>" + answs[i].trim() + "</option>");
}
spick=Math.floor(Math.random() * 2);
if (qs[apick].replace('Of the ',' consecutive ').indexOf(' consecutive ') != -1) { spick=1; }
}
document.getElementById('answer').innerHTML=selih;
document.getElementById('answer').size='' + eval(1 + answs.length);
document.getElementById('answer').setAttribute('data-title', as[apick]);
document.getElementById('answer').value='';
document.getElementById('theq').innerHTML=qs[apick];
}
function oneanswer(invlo) {
var invl=invlo.value + '|';
if (invl == '') { return ''; }
inthegame=true;
var isvalid=false;
var morethanone=0;
document.body.style.cursor='pointer';
if (('' + invl).indexOf('|') != -1) {
if (gmlist.indexOf(invl.split('|')[0]) == -1) {
isvalid=true;
if (gmlist == '') {
gmlist=invl.split('|')[0];
} else {
gmlist+=',' + invl.split('|')[0];
}
}
// alert('gmlist=' + gmlist);
}
var sin=document.getElementById('answer');
for (var ii=1; ii<sin.options.length; ii++) {
if (sin.options[ii].selected) {
morethanone++;
}
}
if (morethanone > 1) {
gmlist='';
isvalid=false;
}
for (var i=1; i<sin.options.length; i++) {
if (sin.options[i].selected) {
if (sin.options[i].innerText.indexOf(String.fromCodePoint(10004)) == -1) {
sin.options[i].innerText+=' ' + String.fromCodePoint(10004);
} else if (morethanone > 1) {
sin.options[i].innerText=sin.options[i].innerText.split(String.fromCodePoint(10004))[0] + String.fromCodePoint(10004);
}
if ((sin.options[i].value + '|').indexOf('|') != -1) {
if (gmlist.indexOf((sin.options[i].value + '|').split('|')[0]) == -1) {
if (gmlist == '') {
gmlist=(sin.options[i].value + '|').split('|')[0];
} else {
gmlist+=',' + (sin.options[i].value + '|').split('|')[0];
}
sin.options[i].innerText+=' ' + gmlist.split(',').length;
}
}
} else if (morethanone > 1) {
if (sin.options[i].innerText.indexOf(String.fromCodePoint(10004)) != -1) {
sin.options[i].innerText=sin.options[i].innerText.split(String.fromCodePoint(10004))[0];
sin.options[i].style.backgroundColor='white';
}
}
}
if (isvalid) {
invlo.style.backgroundColor='rgb(230,230,230)';
invlo.innerText+=' ' + gmlist.split(',').length;
validcall=false;
if (morethanone == 1) {
document.body.style.cursor='progress';
setTimeout(scoreit, 15000);
} else {
scoreit();
}
} else {
document.body.style.cursor='progress';
setTimeout(scoreit, 15000);
}
}
</script>
</head>
<body onload="pickq();">
<h1>One or Several "Did You Know" Quiz</h1>
<h3>RJM Programming - July, 2021</h3>
<h4 id=score>Score: 0/0</h4>
<table cellpadding=10 cellspacing=10 border=20 style='width:90%'>
<tr><th style='text-align:center;background-color:yellow;'>Question</th></tr>
<tr><td id=theq style='text-align:center;'></td></tr>
<tr><th style='background-color:orange;'>Answer</th></tr>
<tr><td style='text-align:center;'><select style='background-color:pink;text-align:center;' id=answer data-title='' title='' size=1 multiple><option onclick='oneanswer(this);' value=''>Please select answer(s) below, as necessary, in order you click them ...</option></select></td></tr>
</table>
</body>
</html>