<!doctype html>
<html>
<head>
<style>
body { background-color: yellow; }
div { font-size:30px; width: 100%; text-align: center; }
select { font-size:20px; border:3px solid red; }
h1 { width: 100%; text-align: center; }
h3 { width: 100%; text-align: center; }
h4 { width: 100%; text-align: center; }
</style>
<script type='text/javascript'>
var choice=-1, answer='', goes=0, score=0;
var sentences=[
"If the auditor didn't~recommend/doesn't~recommend/Hadn't~recommended/wasn't~recommending that we should hire more staff, I wouldn't be working here now.",
"If the car didn't~travel/doesn't~travel/hadn't~travelled/Wasn't~travelling so fast, we'd have had more time to cross the road.",
"Jan Didn't~smoke/doesn't~smoke/hadn't~smoked/wasn't~smoking for years, but started again when she saw Sam lighting up.",
"The judge didn't~hear/Doesn't~hear/hadn't~heard/wasn't~hearing the murmuring in court, as the defendant talks about entering the room where the crime took place.",
"If the nurse didn't~go/doesn't~go/Hadn't~gone/wasn't there, the consequences for my sister could have been dire.",
"If the fountain didn't~work/doesn't~work/hadn't~worked/Wasn't~working yesterday, that could be because it is not being maintained.",
"The children Didn't~squirm/doesn't~squirm/hadn't~sqirmed/wasn't~squirming mainly because the dangers regarding snakes had been explained.",
"The family didn't~cook/Doesn't~cook/hadn't~cooked/wasn't~cooking their dinner on this occasion, as this day of the week was their Restaurant Day."
];
function newone() {
var newo=prompt("Enter new sentence that includes answer list (that has ~ rather than blanks and separated by /)", "The man didn't~wear/Doesn't~wear/hadn't~worn/wasn't~wearing jodhpurs in public, preferring pants easier to put on and take off.");
if (newo != null) {
if (newo.indexOf('/') != -1) {
sentences.push(newo);
document.getElementById('thesentence').innerHTML=decipher(sentences[eval(-1 + sentences.length)]);
}
}
}
function check(thisa,thiss) {
goes++;
if (thisa.trim() != '') {
score++;
document.getElementById('score').innerHTML='Score: ' + score + '/' + goes;
//pickone();
} else {
var okans=thiss.innerHTML.replace(/ value\=\"\"/g,'').replace(/ value\=\"\ \"/g,'').replace(/ value\=\"\ \ \"/g,'').replace(/ value\=\"\ \ \ \"/g,'').replace(/ value\=\"\ \ \ \ \"/g,'').replace(/ value\=\"\ \ \ \ \ \"/g,'').replace(/ value\=\"\ \ \ \ \ \ \"/g,'').split(' value="')[1].split('"')[0];
document.getElementById('score').innerHTML='Score: ' + score + '/' + goes + ' ... better to use ... ' + okans;
}
pickone();
}
function decipher(what) {
var words=what.split(' '), ansstuff=' ', divstuff='', divdelim='', answers=[], selstuff='<select id=mysel onchange=check(this.value,this);><option value="">Please select correct usage below ...</option></select>';
for (var i=0; i<words.length; i++) {
if (words[i].indexOf('/') != -1) {
answers=words[i].split('/');
for (var ii=0; ii<answers.length; ii++) {
if (answers[ii].replace(/~/g,' ').toLowerCase() == answers[ii].replace(/~/g,' ')) {
selstuff=selstuff.replace('</select>','<option value="' + ansstuff + '">' + answers[ii].replace(/~/g,' ').toLowerCase() + '</option></select>');
ansstuff+=' ';
} else {
selstuff=selstuff.replace('</select>','<option value="' + answers[ii].replace(/~/g,' ').toLowerCase() + '">' + answers[ii].replace(/~/g,' ').toLowerCase() + '</option></select>');
}
}
divstuff+=divdelim + selstuff;
divdelim=' ';
} else {
divstuff+=divdelim + words[i];
divdelim=' ';
}
}
return divstuff;
}
function pickone() {
choice=Math.floor(Math.random() * sentences.length);
document.getElementById('thesentence').innerHTML=decipher(sentences[choice]);
}
</script>
</head>
<body onload="pickone();">
<h1> Didn't versus Hadn't versus Doesn't versus Wasn't Game <a href='#' style='text-decoration:none;cursor:pointer;' onclick=" newone(); " title='Add your own sentence.'>➕</a></h1>
<h3>RJM Programming - November, 2017</h3>
<h3 id='score'>Score: 0/0</h3>
<h3>Thanks to <a target=_blank title='https://ell.stackexchange.com/questions/24345/didnt-vs-hadnt' href='https://ell.stackexchange.com/questions/24345/didnt-vs-hadnt'>https://ell.stackexchange.com/questions/24345/didnt-vs-hadnt</a></h3>
<div id='thesentence'></div>
</body>
</html>