<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>