[!INFO]
Здесь и далее во всех примерах за основу мы возьмем один и тот же код HTML, а все изменения будем вносить только в файлscript.js.
example.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Пример - Скрипт в отдельном файле script.js</title>
</head>
<body>
<h1>Пример - Скрипт в отдельном файле script.js</h1>
<p>
Это совершенно бессмысленный абзац текста, задача которого просто занять некоторое пространство на экране.
</p>
<p>
А это еще один совершенно бессмысленный абзац текста, задача которого также просто занять некоторое пространство на экране.
</p>
<script src="script.js"></script>
</body>
</html>