<!doctype html>
<html>
<head>
<title>Name those Notes Game - RJM Programming - May, 2015</title>
<script type='text/javascript'>
var neg='-';
var score=0;
var goes=0;
var tih=null;

function andparent(iwas, iis) {
if (tih != null) {
var ago=tih.innerHTML.split("/");
var tgo=eval(ago[ago.length - 1]);
var ascores=ago[ago.length - 2].split(" ");
var bot=0;
bot+=eval(ascores[ascores.length - 1]);
bot+=eval(iis - iwas);
tih.innerHTML=tih.innerHTML.replace(eval(ascores[ascores.length - 1]) + "/" + tgo, bot + "/" + eval(1 + tgo));
}
}

function checkans(tvalis,tis) {
var wass=eval(score);
var was=score + "/" + goes;
goes=eval(1 + goes);
if (document.getElementById('pih').value == tvalis) {
score=eval(5 + score);
} else if (document.getElementById('pih').value.substring(0,1) == tvalis && document.getElementById('pih').value.indexOf("#") == -1 && tvalis.indexOf("#") == -1) {
score=eval(1 + score);
alert("Not bad, that was " + document.getElementById('pih').value + " ... you score 1 point.");
} else if (document.getElementById('pih').value.substring(0,2) == tvalis.substring(0,2) && document.getElementById('pih').value.indexOf("#") != -1 && tvalis.indexOf("#") != -1) {
score=eval(1 + score);
alert("Not bad, that was " + document.getElementById('pih').value + " ... you score 1 point.");
} else {
alert("Sorry, that was " + document.getElementById('pih').value);
}
document.getElementById('sscore').innerHTML='' + score;
document.getElementById('sgoes').innerHTML='' + goes;
document.getElementById('myh1is').innerHTML=document.getElementById('myh1is').innerHTML.replace(was, score + "/" + goes);
tis.value='';
document.getElementById('preselans').style.display='none';
document.getElementById('selans').style.display='none';
document.getElementById('mybut').style.backgroundColor='yellow';
document.getElementById('pih').value='0';
andparent(wass, score);
}
</script>
</head>
<body style='background-color: olive;' onload=" tih=top.document.getElementById('tih'); if (tih != null) { if (1 == 3) { document.getElementById('mybut').style.width='135px'; } document.getElementById('mybut').value=document.getElementById('mybut').value.replace('Click when Ready to ',''); document.getElementById('selans').innerHTML=document.getElementById('selans').innerHTML.replace(' an answer below',' answer'); document.getElementById('preselans').innerHTML=document.getElementById('preselans').innerHTML.replace(' an answer below',' answer'); } ">
<div align='center'>
<h1 title='Perfect Pitch 2.7 subsection 5 ... chortle, chortle' id='myh1is' align='center'><font size=14>N a m e</font> those Notes ... Score <span id=sscore>0</span>/<span id=sgoes>0</span></h1>
<table style='width:95%;'><tr><td style='width:70%';>
<input id='mybut' type='button' style='height:180px; width:95%; background-color: yellow;' value="Click when Ready to Name those Notes and Click any Web Audio link below" onclick=" this.style.backgroundColor='red'; this.value=this.value.split(' and Click any Web Audio')[0]; document.getElementById('preselans').style.display='inline'; document.getElementById('selans').style.display='inline'; document.getElementById('myifr').title='./MyScale.html#note=' + neg + '0'; if (neg.length > 0) { neg=''; } else { neg='-'; } "></input></td><td><select style='display:none;' onchange='checkans(this.value,this);' id='preselans' size=13><option value=''>Score 1 for an answer below</option><option value='A'>A</option><option value='A#'>A#</option><option value='B'>B</option><option value='C'>C</option><option value='C#'>C#</option><option value='D'>D</option><option value='D#'>D#</option><option value='E'>E</option><option value='F'>F</option><option value='F#'>F#</option><option value='G'>G</option><option value='G#'>G#</option></select></td><td><select style='display:none;' size=13 onchange='checkans(this.value,this);' id='selans'><option value=''>Score 5 for an answer below (where C4 is middle C and # is sharp)</option></select>
</td></tr></table>
<input id='pih' type='hidden' value='0'></input>
<iframe onload=" setTimeout(function(){ document.getElementById('myifr').style.visibility='hidden'; }, 20000);" id='myifr' src='./MyScale.html?note=500#dchoose' title='Helper' style='display:BLOCK;width:95%;height:800px;'></iframe>
</body>
</html>