<!DOCTYPE html>
<html>
<head>
</head>
<body>
<div id="text"></div>
<br>
<input type="text" id="inputbox">
<br>
<br>
<input type="button" value="проверить и начать заново" onclick="funccompare()">
<br>
<script>
var text;
var selvalue = 5;
var seconds = 5;
var p_1 = document.createElement('p');
var selector = document.createElement('select');
var p_2 = document.createElement('p');
var selector_2 = document.createElement('select');
p_1.innerHTML = "Количество букв";
document.body.appendChild(p_1);
for (var i = 0; i < 100; i++)
{
var option = document.createElement('option');
option.value = i;
option.appendChild(document.createTextNode(i));
selector.appendChild(option);
document.body.appendChild(selector);
}
selector.value = selvalue;
p_2.innerHTML = "Количество секунд";
document.body.appendChild(p_2);
for (var i = 0; i < 100; i++)
{
var option = document.createElement('option');
option.value = i;
option.appendChild(document.createTextNode(i));
selector_2.appendChild(option);
document.body.appendChild(selector_2);
}
selector_2.value = seconds;
make_text();
function funccompare()
{
var element = document.getElementById('inputbox');
if (element.value.toUpperCase() == text)
{
alert("правильно");
}
else
{
alert ("неправильно");
}
selvalue = selector.value;
seconds = selector_2.value;
make_text();
}
function make_text()
{
text = "";
var symbols = "АБВГДЕЁЖЗИЙКЛМНОПРСТУФХЦЧШЩЪЫЬЭЮЯ";
for (var i = 0; i < selvalue; i++)
text += symbols.charAt(Math.floor(Math.random() * symbols.length));
document.getElementById('text').innerHTML = text;
setTimeout("document.getElementById('text').innerHTML = '';", seconds*1000);
}
</script>
</body>
</html>
| 