Skip to content

Florina33/frontend-jquery-textformat

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Задание

Дан документ, в котором есть текстовое поле и пустой элемент <output>. Необходимо обрабатывать ввод в это поле и выводить его отформатированный текст в вышеупомянутый пустой элемент, специально приготовленный для этого. Обрабатывать ввод можно либо при изменении символов внутри поля, либо когда поле теряет фокус.

Изменения кода можно делать только в файле /src/index.js.

Правила форматирования текста

  1. Удалить все пробелы перед первым словом.
  2. Удалить все пробелы после последнего слова.
  3. Заменить все множественные пробелы в тексте на один пробел. 2 или более рядом стоящих пробела должны стать одним.
  4. Переносы строк должны быть заменены на пробелы.
  5. Перевести все буквы в нижний регистр.

Можно использовать jQuery, т.к. он уже подключён на страницу.

Превью выполненного задание можно посмотреть на скриншоте src/preview.png.

Какие знания JavaScript могут понадобиться

  • поиск элементов на странице
  • манипуляции с DOM элементами
  • обработка ввода в поля формы
  • функции
  • функции (методы) строк
  • регулярные выражения

Запуск и настройка проекта

В проект включена автоматизированный статический анализ кода JavaScript. Подробности настройки проекта можно почитать в HELP.md. Но задание можно выполнить и без этого, имея только браузер и редактор кода.

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 49.0%
  • CSS 25.9%
  • HTML 25.1%