Как подключить js к html?

В файл js я как раз перенес теги из HTML.

• Сохраните два файла рядом: HTML-страницу и app.js. Проверьте настоящее расширение второго файла, чтобы случайно не получилось app.js.txt.
• В HTML добавьте <script src="./app.js" defer></script>. Тег имеет закрывающую часть. Значение src задает путь к скрипту относительно адреса документа, если на странице специально не переопределена база адресов.
• Внутри самого app.js пишите только JavaScript. Внешние теги <script> и </script> туда переносить не надо: они относятся к HTML.
• Для первой проверки используйте console.log('Скрипт подключен');. Откройте HTML в браузере и найдите сообщение в консоли инструментов разработчика. Наличие сообщения позволяет отделить проблему подключения от ошибки в дальнейшей логике.
• Атрибут defer для внешнего обычного скрипта откладывает выполнение до окончания разбора HTML. Это удобно, если код ищет элементы страницы. Он не означает ожидание окончания всех сетевых запросов вашего приложения.
• Если файл лежит в подпапке js рядом с документом, путь будет ./js/app.js. Если страницу открыли по другому адресу, проверьте итоговый запрос во вкладке Network: там видно, откуда браузер пытался загрузить файл.
• При ошибке загрузки проверьте написание имени и регистр символов. На сервере App.js и app.js могут быть разными файлами, даже если локально ошибка не проявилась.
• Если используете import и export в браузере, нужен модульный скрипт с type="module" и подходящая выдача файлов через локальный сервер. Для первого обычного примера модульный режим не обязателен. Не добавляйте одновременно разные способы подключения одного файла без причины.