Веб-сторінки створюються з використанням HTML, але якщо ви хочете додати динаміки та інтерактивності на свою сторінку, вам знадобиться використовувати JavaScript. JavaScript є мовою програмування, яка дозволяє додавати та контролювати різні сценарії на веб-сторінці.
Щоб запустити скрипт JavaScript на веб-сторінці, ви повинні спочатку додати його в HTML-код сторінки. Це можна зробити, використовуючи тег <script>. Тег <script> зазвичай розміщується всередині секції <head> або <body> HTML-документ.
Є кілька способів додати скрипт JavaScript до HTML. Ви можете вставити вбудований код JavaScript прямо в HTML-код сторінки, помістивши його між тегами, що відкривають і закривають. <script>. Також ви можете посилатись на зовнішній файл JavaScript, використовуючи атрибут src у тезі <script>.
| Крок | Опис |
|---|---|
| Крок 1 | Створити файл HTML із розширенням ".html" |
| Крок 2 | Відкрити файл HTML у будь-якому текстовому редакторі |
| Крок 3 | Додати контейнер для скрипту за допомогою тега <script> |
| Крок 4 | Всередині контейнера тега <script> написати код JavaScript |
| Крок 5 | Зберегти файл HTML |
| Крок 6 | Відкрити файл HTML у будь-якому веб-браузері |
| Крок 7 | Переконатись, що скрипт JavaScript виконаний успішно |
Як увімкнути js в HTML?
Найпростіший спосіб вставити JS-код в HTML-сторінку використовувати парний тег <script> . Він повідомляє браузеру, що весь його вміст потрібно інтерпретувати як скрипт, що виконується, а не як текст або HTML-код.
Як запускати скрипт js?
Щоб ввести оператори та вирази JavaScript в інтерактивному режимі в консолі, виконайте такі дії: Клацніть правою кнопкою миші веб-сторінку та виберіть пункт Перевірити. Відкриється devTools.Або натисніть клавіші CTRL+SHIFT+J (Windows, Linux) або COMMAND+OPTION+J (macOS), щоб відкрити консоль DevTools.
Як вставити код JavaScript у HTML?
Щоб код Javascript спрацював у браузері користувача, його необхідно вставити між тегами <script> та </script>. У цьому прикладі, як тільки HTML сторінку буде завантажено, браузер запустить команду document.