<!doctype html>
<html>
<title>Fruits Quiz - RJM Programming - January, 2019 Thanks to https://www.iemoji.com</title>
<style>
p {
font-size: 94px;
text-align: center;
}
.peach::after {
content: '\01f351';
}
.eggplant::after {
content: '\01f346';
}
.tangerine::after {
content: '\01f34a';
}
.strawberry::after {
content: '\01f353';
}
.pineapple::after {
content: '\01f34d';
}
.watermelon::after {
content: '\01f349';
}
.grapes::after {
content: '\01f347';
}
.banana::after {
content: '\01f34c';
}
.cherries::after {
content: '\01f352';
}
.red_apple::after {
content: '\01f34e';
}
.lemon::after {
content: '\01f34b';
}
.green_apple::after {
content: '\01f34f';
}
.pear::after {
content: '\01f350';
}
.hot_pepper::after {
content: '\01f336';
}
.tomato::after {
content: '\01f345';
}
.melon::after {
content: '\01f348';
}
</style>
<script type='text/javascript'>
var numplayers=1;
var scores=['0'];
var goes=['0'];
var players=['Player 1'];
var answers=[''];
var classes=['peach', 'eggplant', 'tangerine', 'strawberry', 'pineapple', 'watermelon', 'grapes', 'banana', 'cherries', 'red_apple', 'lemon', 'green_apple', 'pear', 'hot_pepper', 'tomato', 'melon'];
var contents=['127825', '127814', '127818', '127827', '127821', '127817', '127815', '127820', '127826', '127822', '127819', '127823', '127824', '127798', '127813', '127816'];
function nanalyze(iois) {
var ij=eval(iois.id.replace('c',''));
players[ij]='' + iois.innerHTML;
}
function analyze(iois) {
var ij=eval(iois.id.replace('i',''));
goes[ij]='' + eval(eval('' + goes[ij]) + 1);
if (iois.value.toLowerCase().replace(/_/g,' ').replace('aubergine', 'eggplant').replace('grapes', 'grapeX').replace('grape', 'grapes').replace('grapeX', 'grapes').replace('cherry', 'cherries') == answers[ij]) {
scores[ij]='' + eval(eval('' + scores[ij]) + 2);
} else if ((answers[ij] + '~').indexOf(' ' + iois.value.toLowerCase().replace(/_/g,' ') + '~') != -1) {
scores[ij]='' + eval(eval('' + scores[ij]) + 1);
} else {
scores[ij]='' + eval(-1 + eval('' + scores[ij]));
}
document.getElementById('s' + ij).innerHTML='' + scores[ij] + '/' + goes[ij];
iois.value='';
another();
}
function onl() {
var i, j, k, crowh='<tr></tr>', crowd='<tr id=trd></tr>';
numplayers=location.search.split('numplayers=')[1] ? eval(location.search.split('numplayers=')[1].split('&')[0]) : numplayers;
document.getElementById('myselect').value='' + numplayers;
var cscores=location.search.split('scores=')[1] ? decodeURIComponent(location.search.split('scores=')[1].split('&')[0]) : '';
if (cscores != '') { scores=cscores.split(','); }
var cgoes=location.search.split('goes=')[1] ? decodeURIComponent(location.search.split('goes=')[1].split('&')[0]) : '';
if (cgoes != '') { goes=cgoes.split(','); }
var cplayers=location.search.split('players=')[1] ? decodeURIComponent(location.search.split('players=')[1].split('&')[0]) : '';
if (cplayers != '') { players=cplayers.split(','); answers=cplayers.split(','); }
for (k=1; k<numplayers; k++) {
if (scores.length <= k) {
scores.push('0');
goes.push('0');
players.push('Player ' + eval(1 + k));
answers.push('');
}
}
for (i=0; i<numplayers; i++) {
crowh=crowh.replace('</tr>', '<th id=th' + i + '><div id=c' + i + ' style=inline-block; onblur=nanalyze(this); contenteditable=true>' + players[i] + '</div> ... score <span id=s' + i + '>' + scores[i] + '/' + goes[i] + '</span> ... guess <input onblur=analyze(this); id=i' + i + ' type=text value=""></input></th></tr>');
j=Math.floor(Math.random() * classes.length);
answers[i]=classes[j].replace(/_/g, ' ');
crowd=crowd.replace('</tr>', '<td style=vertical-align:top; id=td' + i + '><p id=d' + i + ' class=' + classes[j] + '></p></td></tr>');
}
document.getElementById('mytbody').innerHTML=crowh + crowd;
}
function another() {
var i, j, xcrowd='';
for (i=0; i<numplayers; i++) {
j=Math.floor(Math.random() * classes.length);
answers[i]=classes[j].replace(/_/g, ' ');
xcrowd+='<td style=vertical-align:top; id=td' + i + '><p id=d' + i + ' class=' + classes[j] + '></p>';
}
document.getElementById('trd').innerHTML=xcrowd;
}
function lhit(sv) {
var k;
var xscores='' + scores[0], xgoes='' + goes[0], xplayers='' + players[0];
numplayers=eval(sv);
for (k=1; k<numplayers; k++) {
if (scores.length <= k) {
scores.push('0');
goes.push('0');
players.push('Player ' + eval(1 + k));
answers.push('');
}
xscores+=',' + scores[k];
xgoes+=',' + goes[k];
xplayers+=',' + players[k];
}
location.href=document.URL.split('#')[0].split('?')[0] + '?scores=' + encodeURIComponent(xscores) + '&goes=' + encodeURIComponent(xgoes) + '&players=' + encodeURIComponent(xplayers) + '&numplayers=' + numplayers;
}
</script>
</head>
<body onload='onl();'>
<h1>Fruits Quiz for <select id=myselect onchange='lhit(this.value);'><option value='1'>1</option><option value='2'>2</option><option value='3'>3</option><option value='4'>4</option><option value='5'>5</option></select></h1>
<h3>RJM Programming</h3>
<h3>January, 2019 ... Thanks to <a target=_blank title='Iemoji' href='https://www.iemoji.com'>Iemoji</a></h3>
<table id=mytable style='width:100%;text-align:center;' border=10>
<tbody id=mytbody>
</tbody>
</table>
<div id=econtent></div>
<input type=text style='position:absolute;top:-200px;left:-200px;' value=''></input>
</body>
</html>