Записи

<style type="text/css">
.v51stWord {
 font-family: Times New Roman;
 font-size : 20pt;
}
</style>

<table align="center" width="500" class="colorborder">
<tr><td align="center">клавиатурный тренажер<hr /></td></tr>
<tr><td align="center"><input id="KTSelect1" type="radio" name="navKT" checked="checked" onclick="KTSecClick()">RU <input id="KTSelect2" type="radio" name="navKT" onclick="KTSecClick()">EN</td></tr>
<tr><td align="center">верно:<input value="0" id="v51test1" style="width: 50px;" class="flat" readonly>ложь:<input value="0" id="v51test2" style="width: 50px;" class="flat" readonly>результат:<input value="0%" id="v51test3" style="width: 50px;" class="flat" readonly></td></tr>
<tr><td align="center"><table width="100%" height="300" align="center" id="textareaKT" border="0" style="text-align: left;" class="v51stWord"><tr><td></td></tr></table></td></tr>
<tr><td align="center"><input value="Следущая" onclick="v51ClickNext()" type="button"></td></tr>
</table>

<script>
function getRandomInt(min, max) {
 return Math.floor(Math.random() * (max - min)) + min;
}
window.addEventListener("keydown", v51log);
var v51tmpkeyEn = "a";
var v51tmpkeyRu = "а";
var v51tmpRandKeyRu = "а";
var v51tmpRandKeyEn = "a";
var v51tmpcount = 1;
var v51arkeysEn = ["q", "w", "e", "r", "t", "y", "u", "i", "o", "p", "a", "s", "d", "f", "g", "h", "j", "k", "l", "z", "x", "c", "v", "b", "n", "m"];
var v51arkeysRu = ["й", "ц", "у", "к", "е", "н", "г", "ш", "щ", "з", "х", "ф", "ы", "в", "а", "п", "р", "о", "л", "д", "ж", "э", "я", "ч", "с", "м", "и", "т", "ь", "б", "ю"];
function KTSecClick() {
if (document.getElementById('KTSelect1').checked) {
v51tmpRandKeyRu = v51arkeysRu[getRandomInt(0, 31)];
document.getElementById('textareaKT').innerHTML = "<span id='v51bukva" + v51tmpcount + "'>" + v51tmpRandKeyRu + "</span><span> </span>";
v51tmpkeyRu = v51tmpRandKeyRu;
} else {
v51tmpRandKeyEn = v51arkeysEn[getRandomInt(0, 26)];
document.getElementById('textareaKT').innerHTML = "<span id='v51bukva" + v51tmpcount + "'>" + v51tmpRandKeyEn + "</span><span> </span>";
v51tmpkeyEn = v51tmpRandKeyEn;
}
}
KTSecClick();
function v51log(event){
if (document.getElementById('KTSelect1').checked) {
 if (event.key === v51tmpkeyRu) {
 document.getElementById('v51bukva' + v51tmpcount).style.color = '#0000FF';
 document.getElementById('v51test1').value ++;
 } else {
 document.getElementById('v51bukva' + v51tmpcount).style.color = '#FF0000';
 document.getElementById('v51test2').value ++;
 }
 v51tmpcount = v51tmpcount + 1;
 if (v51tmpcount > 100) {v51tmpcount = 1; document.getElementById('textareaKT').innerHTML = ""; document.location.href = "#openModalKlava";};
 v51tmpRandKeyRu = v51arkeysRu[getRandomInt(0, 31)];
 document.getElementById('textareaKT').innerHTML = document.getElementById('textareaKT').innerHTML + "<span id='v51bukva" + v51tmpcount + "'>" + v51tmpRandKeyRu + "</span><span> </span>";
 v51tmpkeyRu = v51tmpRandKeyRu;
} else {
 if (event.key === v51tmpkeyEn) {
 document.getElementById('v51bukva' + v51tmpcount).style.color = '#0000FF';
 document.getElementById('v51test1').value ++;
 } else {
 document.getElementById('v51bukva' + v51tmpcount).style.color = '#FF0000';
 document.getElementById('v51test2').value ++;
 }
 v51tmpcount = v51tmpcount + 1;
 if (v51tmpcount > 100) {v51tmpcount = 1; document.getElementById('textareaKT').innerHTML = ""; document.location.href = "#openModalKlava";};
 v51tmpRandKeyEn = v51arkeysEn[getRandomInt(0, 26)];
 document.getElementById('textareaKT').innerHTML = document.getElementById('textareaKT').innerHTML + "<span id='v51bukva" + v51tmpcount + "'>" + v51tmpRandKeyEn + "</span><span> </span>";
 v51tmpkeyEn = v51tmpRandKeyEn;
 }
 var v51tmpall = 0;
 v51tmpall = eval(document.getElementById('v51test1').value) + eval(document.getElementById('v51test2').value);
 if (v51tmpall > 0) {
 document.getElementById('v51test3').value = roundNumber(eval(100*document.getElementById('v51test1').value/v51tmpall), 0) + "%";
 document.getElementById('v51test4').innerHTML = roundNumber(eval(100*document.getElementById('v51test1').value/v51tmpall), 0) + "%";
 }
}

function v51ClickNext(){
if (document.getElementById('KTSelect1').checked) {
 v51tmpcount = v51tmpcount + 1;
 if (v51tmpcount > 100) {v51tmpcount = 1; document.getElementById('textareaKT').innerHTML = ""; document.location.href = "#openModalKlava";};
 v51tmpRandKeyRu = v51arkeysRu[getRandomInt(0, 31)];
 document.getElementById('textareaKT').innerHTML = document.getElementById('textareaKT').innerHTML + "<span id='v51bukva" + v51tmpcount + "'>" + v51tmpRandKeyRu + "</span><span> </span>";
 v51tmpkeyRu = v51tmpRandKeyRu;
} else {
 v51tmpcount = v51tmpcount + 1;
 if (v51tmpcount > 100) {v51tmpcount = 1; document.getElementById('textareaKT').innerHTML = ""; document.location.href = "#openModalKlava";};
 v51tmpRandKeyEn = v51arkeysEn[getRandomInt(0, 26)];
 document.getElementById('textareaKT').innerHTML = document.getElementById('textareaKT').innerHTML + "<span id='v51bukva" + v51tmpcount + "'>" + v51tmpRandKeyEn + "</span><span> </span>";
 v51tmpkeyEn = v51tmpRandKeyEn;
}
}

function roundNumber(number, digits) {
 var multiple = Math.pow(10, digits);
 var rndedNum = Math.round(number * multiple) / multiple;
 return rndedNum;
 }
</script>