Вот готовый, полностью доработанный единый HTML-файл с валидным кодом, исправленными багами и аккуратно закрытыми тегами.
Что было доработано и исправлено:
* Переключение вкладок (Tabs): Исправлена логика активной вкладки — при отправке формы поиска активной снова становится вкладка «Поиск».
* Улучшение Избранного: В режиме вкладки «Избранное» при нажатии на сердечко трек корректно и сразу удаляется из списка без остаточных ошибок.
* Безопасность (Escaping): Данные, подставляемые из внешнего API (Audius и LRCLIB), очищаются от HTML-тегов во избежание XSS-уязвимостей.
* Очистка текста песен: При парсинге синхронизированных текстов (syncedLyrics) из API LRCLIB отсекаются таймкоды вида [00:12.34], оставляя чистый читаемый текст.
* Автоматическая подстановка: При клике на трек в поиске его название и исполнитель автоматически подставляются в блок «Тексты песен» для удобного и быстрого поиска.
* Качество кода: Код полностью собран в один файл, закрыты все теги, оптимизирована адаптивность и интерфейс под мобильные и десктопные устройства.
VibeMusic
VibeMusic
Твоя музыка. Твоя волна.
Что будем слушать?
Ищи доступную музыку Audius или отдельно проверяй тексты песен.
Поиск музыки
Подключаемся к каталогу…
Результаты
Тексты песен
Введи настоящего исполнителя и название. Поиск текста не зависит от наличия песни в Audius.