Обява JavaScript у HTML

В head

<!DOCTYPE html>
<html>
<head>
    <title>My HTML-page</title>
    <script>
        <!--Твій JavaScript-код тут-->
        console.log("Hello, world");
    </script>
</head>
<body>
    <!-- Вміст сторінки -->
</body>
</html>

В теле

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Hello JavaScript</title>
</head>
<body>
</body>
</html>

<script>
var name = 'Jack'
console.log(name)
</script>

В отдельнм файле

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Hello JavaScript</title>
</head>
<body>
</body>
</html>


<script type="module" src="app.js" defer>

</script>

Ключі запуску скріпта

defer - вказує браузеру, що скрипт повинен бути виконаний після того, як HTML-документ буде повністю завантажений.
type=«module» - особливість модульних скриптів полягає в тому, що вони мають своє внутрішнє області видимості (scope), тобто змінні та функції, визначені у модулі, за замовчуванням не доступні глобально. Це допомагає уникнути конфліктів імен та забезпечити чистоту коду.
async - асінхронне завантаження скрипта. Щоб він завантажувся і не чекав чергу завантажень іньших файлів проекту