Урок 33 · JavaScript

После успеха курсор снова в поле

Форма добавления удобнее, если после записи поле пустеет само и сразу готово к следующей строке.

Почему это следующий шаг

Счётчик держит число. Этот урок закрывает связку JavaScript: список, ошибка, загрузка и аккуратное поле ввода.

Как сделать

После успешного добавления запиши в value пустую строку и вызови focus на том же поле. Не очищай поле, если проверка не прошла: человек должен видеть, что он ввёл. Кнопку очистки рядом сделай type="button". Дальше история изменений такой страницы уже живёт в Git.

if (!text) return;
addItem(text);
input.value = "";
input.focus();

Что проверить

• Успех очищает поле.
• Ошибка поле не очищает.
• Курсор после успеха снова в этом поле.