Демо форма для поиска комментариев
В примере будет создано:
● форма для поиска комментариев
● текстовое поле для ввода HTML и javascript кода
● кнопка для запуска поиска комментариев
● кнопка для очистки текстового поля и передачи ему фокуса
● поле для вывода найденных комментариев из HTML кода
● кнопка для выделения HTML комментариев
● поле для вывода найденных комментариев из Javascript кода
● кнопка для выделения Javascript комментариев
В примере будет выполнено:
● функция поиска, очистки и передачи фокуса текстовому полю при клике на кнопку
● поиск текстового поля
● очистка текстового поля
● передача фокуса текстовому полю
● функция запуска поиска комментариев при клике на кнопку
● поиск элемента textarea
● выбор введенного текста из элемента textarea
● преобразование строки в DOM объект, путем создания виртуального блока.
● заполнение виртуального блока
***** блок поиска комментариев в HTML коде *****
● поиск элемента textarea для вывода html комментариев.
● очистка прошлого поиска html.
● запуск функции поиска коментариев в HTML коде.
● вывод комментариев из HTML, если они были найдены.
● объединение значений массива в строку для вывода на html страницу.
● вывод найденных HTML комментариев на html страницу
● сообщение, если HTML комментарии не найдены
***** блок поиска комментариев в Javascript коде *****
● поиск элемента textarea для вывода Javascript комментариев.
● очистка прошлого поиска Javascript.
● поиск первого тега script в коде.
● проверка, найден ли тег script.
● выборка всего Javascript кода из тега script
● получение массива со всеми найденными комментариями Javascript
● проверка, найдены ли комментарии в внутри тега script.
● объединение значений массива в строку для вывода на html страницу.
● вывод найденных Javascript комментариев на html страницу
● сообщение, если внутри тега script комментарии не найдены
● сообщение, если тег script не найден
● функция поиска комментариев в HTML коде, которая рекурсивно обходит все уровни вложенности ДОМ.
● функция поиска комментариев, типа // в коде JS
● строка регулярного выражения для поиска комментариев
● объект регулярного выражения RegExp
● поиск совпадений в строке кода