Ввод игры с помощью тонкой курсора/каретки не переходит к следующему слову ⇐ Javascript

[Гость]

Моя проблема в том, что курсор не перемещается к следующему слову после нажатия кнопки пробела.

Это код функции обработки пробелов:

function handleKeyDown() { if (event.code === "Пробел") { событие.preventDefault(); if (игра === "в процессе") { СледующееСлово(); } } if (event.code === "Backspace") { проверкаPrevLetter(); } if (game === "ожидание ввода") { начать игру(); } } Это функция перехода к следующему слову:

функция nextWord() { const isNotFirstLetter = LetterIndex!== 0; const isOneLetterWord = слова[wordIndex].length === 1; если (isNotFirstLetter || isOneLetterWord) { словоИндекс += 1; индекс буквы = 0; УвеличениеScore(); перемещениеКарет(); } } Наконец, это функция moveCaret:

function moveCaret() { константное смещение = 4; caretEl.style.top = `${letterEl.offsetTop + offset}px`; caretEl.style.left = `${letterEl.offsetLeft + LetterEl.offsetWidth}px`; } Я пробовал добавлять пробел между словами и удалять код пробела, а также провел еще несколько экспериментов, но ни один из них не сработал правильно.





Когда пользователь нажимает пробел, курсор должен переместиться на первую букву следующего слова. Приложение должно вести себя так же, как monkeytype.com, если вы с ним знакомы.

Вы можете найти всю программу в этом репозитории.