​Как добавить JavaScript на свою страницу

Для того, чтобы JavaScript-код мог работать с содержимым твоей веб-страницы, нужно связать файл с JavaScript-кодом с конкретной страницей. Это называется "Подключить JavaScript-код". Проще говоря, веб-страница с HTML-содержимым является статическим, "фиксированным" контентом. А JavaScript код позволяет динамически управлять содержимым такой страницы. При этом, страница будет находиться в одном файле. А JavaScript-код будет находиться в другом, отдельном файле.

1️⃣ Открой текстовый редактор

Тебе понадобится текстовый редактор для написания своего кода JavaScript. Ты можешь использовать любой редактор, который тебе нравится, такой как Sublime Text, Visual Studio Code или Notepad++.

2️⃣ Создай новый файл JS

Создай новый файл и сохрани его с расширением «.js». Например, ты можешь назвать его «script.js». Убедись, что ты сохранил файл именно с расширением «.js», чтобы браузер правильно интерпретировал его как файл сценария JavaScript. Частая ошибка в этом пункте - сохранение файла с другим текстовым форматом, например - .txt.

3️⃣ Напиши свой код JavaScript

В только что созданном JS-файле «script.js» напиши свой код JavaScript. Например, ты можешь попросить JavaScript отобразить всплывающее сообщение с надписью "привет" - вот такая строчка кода поможет тебе в этом - alert("Privet!");

4️⃣ Подключи свой файл JavaScript к твоей веб-странице

Чтобы твой код работал именно на твоей веб-странице, ты должен подключить его. Для этого добавь следующий тег <script> в раздел <head> или перед закрывающим тегом </body> твоей веб-страницы: <script type="text/javascript" src="script.js"></script>

5️⃣ Сохрани веб-страницу и js-файл и протестируй результаты

Сохрани веб-страницу, включив в нее твой подключенный файл JavaScript. Открой страницу в браузере для проверки функциональности вашего кода JavaScript. Так же, ты можешь просто перетащить страницу в браузер мышкой.

Полезная ссылка для чтения:
✅ Подробная статья