JavaScript Простой поиск комментариев в HTML и Javascript коде

Демо форма для поиска комментариев


Найденные комментарии в HTML коде:


Найденные комментарии в Javascript коде, типа //:



В примере будет создано:

● форма для поиска комментариев
● текстовое поле для ввода 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
● поиск совпадений в строке кода

Скачать
Пример + Описание + Работающий исходный код