<script type="text/javascript" language="javascript">
var divNode;
var resultsNode;
function startup() {
divNode = document.getElementById("isdivNode");
addS(defText);
document.forms[0].elements[0].value = "";
}
</script>
</head>
<body onload="startup();">
<p id="isdivNode"><span>Staff. </span>
</p>
<br>
<form name="main">
<input size="55" onkeypress="compare(event)">
</form>
<script>
var defText = "Staff. ";
var xp = 0;
function addS(theString) {
deep = true;
strtest = theString;
numOfNodes = divNode.childNodes.length;
j = divNode.childNodes.length - 1;
for (i = j; i > 1; i--) {
divNode.childNodes.style.textDecoration = "none";
};
divNode.childNodes[0].firstChild.data = ".";
for (i = 0; i < strtest.length; i++) {
if (i < numOfNodes - 2) {
if (divNode.childNodes[i + 2].nodeType == 1) {
divNode.childNodes[i + 2].firstChild.data = strtest.charAt(i);
}
} else {
myNode = divNode.firstChild.cloneNode(deep);
myNode.firstChild.data = strtest.charAt(i);
divNode.appendChild(myNode);
}
}
extraNodes = divNode.childNodes.length - strtest.length;
pos = strtest.length;
while (extraNodes > 2) {
divNode.childNodes[pos + 2].firstChild.data = "";
pos++;
extraNodes--;
}
divNode.childNodes[0].style.color = "white";
}
function compare(e) {
var k = strtest.length;
if (xp < (k - 1)) {
var keyChar = String.fromCharCode(e.which);
var ch1 = strtest.charAt(xp);
if (ch1 == keyChar) {
divNode.childNodes[xp + 2].style.textDecoration = "none";
xp += 1;
if (xp > (k - 2)) excercise_results();
divNode.childNodes[xp + 2].style.textDecoration = "underline";
} else {
if (xp > (k - 2)) excercise_results();
}
}
}
function excercise_results() {
confirm("fin");
}
</script>
Комментарии