Имеется страничка HTML. В ней код
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<span id="letter-0">П</span>
<span id="letter-1">р</span>
<span id="letter-2">и</span>
<span id="letter-3">в</span>
<span id="letter-4">е</span>
<span id="letter-5">т</span>
<input/>
</body>
</html>
Код на JS
var i = 0,
s = [],
a = document.getElementsByTagName('input')[0];
while (true) {
var id = 'letter-' + i;
let el = document.getElementById(id);
if (el == null) {
break;
} else {
el = document.getElementById(id).innerHTML;
s.push(el);
}
i++;
}
for (
w = [],
t = '',
j = 0; i < s.length; i++
)
s[i].hasAttribute('unselectable') && w.push(s[i]);
for (var i = 0; i < w.length; i++) t += w[i].innerHTML;
a.addEventListener('keypress', function (e) {
e.preventDefault(), (a.value += t[j]), j++;
});
Почему при в воде в input выводится undefined, а не то что содержится в span ?