(function(delay) { var text, words; //text = 'Злость возникла от того, что совершенно не хватало времени.';//document.getElementById('typetext'); text = ''; var elem = document.getElementById('typetext').children[0]; for(let element of elem.children) { if(element.children.length != 0) { for(let el1 of element.children) { if(el1.style.display != "none") text += el1.innerHTML; } } else { if(element.style.display != "none") text += element.innerHTML; } } text = text.replace('o','о'); text = text.replace('e','е'); text = text.replace('p','р'); text = text.replace('c','с'); //text = text.replace(/[^а-яёА-ЯЁ ]/g,""); words = text.split(' '); //console.log(text); //document.getElementById('checktext').innerHTML = text; change = getEventListeners(document.getElementById('inputtext')).keyup[0].listener; console.log(getEventListeners(document.getElementById('inputtext')).keyup[0]); console.log(change); var ii = 0; var funcc = function(){ //console.log(document.getElementById('typetext').value); //console.log(document.querySelector('#typetext').style); if (!document.getElementById('inputtext').value/* && document.querySelector('#inputtext').style.opacity === '1'*/) { change({target: {value: words[ii]+' '}}) //console.log({value: words[0]+' '}); console.log(words[ii]); ii++; //words.splice(0,1); } }; document.addEventListener('keydown', (event) => { const keyName = event.key; let newMove = [0, -1]; switch(event.key) { case "ArrowUp": funcc(); break; case "ArrowDown": console.log(words[ii]); break; case "ArrowLeft": ii = Math.max(0, ii - 1); console.log(words[ii]); break; case "ArrowRight": ii = Math.min(words.length-1, ii + 1); console.log(words[ii]); break; } }, false); setInterval(funcc, delay); })(1);