Menu
Coddy logo textDocs
Русский
Попробовать в Playground

Как запустить JavaScript: консоль, Node.js и HTML

Разбираем рабочие способы запустить JavaScript в 2026 году: консоль браузера, тег script в HTML, Node.js из терминала — и когда какой вариант удобнее.

Опубликовано Apr 23, 2026

Три среды, где работает JavaScript

JavaScript сам по себе не запускается — ему нужна среда выполнения, которая понимает язык. В 2026 году таких сред, которыми вы реально будете пользоваться, всего три:

  • Браузер. В каждом браузере есть свой движок JavaScript (V8 в Chrome и Edge, SpiderMonkey в Firefox, JavaScriptCore в Safari). Вставили код в DevTools — он сразу выполнился.
  • Node.js. Отдельная среда выполнения, которая позволяет запускать JavaScript вне браузера — из терминала, на серверах, внутри сборщиков.
  • Онлайн-песочницы и встроенные редакторы (вроде тех, что есть на этой странице). Под капотом там всё тот же браузер или Node, просто обёрнутые в веб-интерфейс.

Сам язык везде одинаковый. Меняется только то, до чего код может дотянуться: в браузере у вас есть document и window, а в Node — файловая система и сеть. Начните с того, что проще в вашей ситуации; перейти на другой вариант можно в любой момент.

Вариант 1: консоль браузера

Самый быстрый способ запустить строчку JavaScript — открыть консоль в DevTools браузера. Заходите на любую веб-страницу, жмёте F12 (или Cmd+Option+I на Mac), переходите на вкладку Console и пишете:

index.js
Output
Click Run to see the output here.

После каждой строки жмите Enter. Консоль выводит результат выражений и всё, что вы передаёте в console.log. Можно объявлять переменные, вызывать функции и копаться в текущей странице — например, document.title вернёт заголовок активной вкладки.

Консоль удобна, когда нужно:

  • Быстро, за пару секунд, проверить небольшой фрагмент кода.
  • Поковыряться в DOM реального сайта.
  • Отладить код, который уже работает на странице.

Всё, что вы набрали в консоли, исчезнет при закрытии вкладки. Если код нужно сохранить — заведите для него файл.

Вариант 2: тег <script> в HTML-файле

Чтобы запустить JavaScript как часть веб-страницы, подключите его через HTML. Сохраните следующий код в файл index.html и откройте его двойным кликом в браузере:

<!doctype html>
<html>
  <body>
    <h1 id="title">Загрузка...</h1>
    <script>
      document.getElementById("title").textContent = "Привет из скрипта";
      console.log("Скрипт выполнен");
    </script>
  </body>
</html>

Тег <script> говорит браузеру: «выполни это как JavaScript». У кода есть доступ к странице, в которую он встроен, поэтому document.getElementById(...) легко дотянется до <h1> выше. Чтобы увидеть вывод console.log, откройте DevTools.

Если кода больше пары строк, лучше вынести его в отдельный файл и подключить через тег <script>:

<script src="app.js"></script>

Ставьте тег <script> ближе к концу <body> или добавляйте к нему атрибут defer — тогда скрипт выполнится уже после того, как браузер разобрал HTML страницы. Подробнее о модульных скриптах и порядке их загрузки расскажу в главе про модули.

Вариант 3: Node.js в терминале

Когда JavaScript нужен без браузера — скрипт для переименования файлов, небольшой сервер, быстрая обработка данных — в ход идёт Node.js. Скачайте его с nodejs.org (берите LTS-версию) и проверьте, что всё встало:

node --version

Сохраните файл как script.js:

index.js
Output
Click Run to see the output here.

Затем из той же папки выполните:

node script.js

Результат сразу печатается в терминал. Никакого HTML, браузера и шагов сборки. Именно так выглядит большая часть «настоящей» разработки на JavaScript вне браузера — к тому же Node лежит в основе инструментов (сборщики, тест-раннеры, линтеры), которые крутятся вокруг браузерного проекта.

Можно запустить Node и вовсе без файла. Просто наберите node и нажмите Enter — откроется интерактивный режим (REPL), в котором каждая строка выполняется сразу, как только вы её введёте. Удобно что-нибудь быстро проверить — как консоль браузера, только прямо в терминале.

Вариант 4: редактор прямо на этой странице

Каждый блок editor-javascript на Coddy — это живой редактор. Меняйте код, жмите Run и смотрите результат. Самый дружелюбный способ, пока вы только учитесь: ничего устанавливать не нужно, настраивать тоже, и даже вкладку переключать не надо:

index.js
Output
Click Run to see the output here.

Поменяйте "мир" на своё имя и запустите снова. Вот и весь рабочий цикл: правим — запускаем — смотрим результат. Почти весь туториал построен вокруг этого.

Что выбрать?

Берите то, что подходит под задачу:

  • Попробовать однострочник или поковыряться в живой странице — консоль браузера.
  • Делаете что-то со страницей вокруг кода — HTML-файл с тегом <script>.
  • Пишете скрипт, утилиту или сервер — Node.js из терминала.
  • Проходите этот туториал — редактор прямо здесь, в блоках с кодом.

Пара моментов, на которых часто спотыкаются новички:

  • В Node.js нет document и window — это чисто браузерные штуки. Если вызвать document.getElementById(...) в Node, вылетит ReferenceError: document is not defined.
  • В браузере нет доступа к файловой системе. Страницы работают в песочнице — так безопаснее. Нужно прочитать локальный файл — значит, это задача для Node.
  • console.log работает везде. Это универсальный способ «вывести что-нибудь» в JavaScript.

Проверочный скрипт

Запустите его в том окружении, которое выбрали. Увидели три строки в выводе — можно двигаться к следующей странице:

index.js
Output
Click Run to see the output here.

Три фичи в одном сниппете: console.log, встроенный объект Date и метод массива со стрелочной функцией. С каждым из них мы разберёмся как следует в ближайших главах.

Что дальше: синтаксис и точки с запятой

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

Часто задаваемые вопросы

Как вообще запустить код на JavaScript?

Есть три простых способа. Первый — вставить код в консоль DevTools браузера и нажать Enter. Второй — положить его в HTML-файл внутри тега <script> и открыть файл в браузере. Третий — установить Node.js и выполнить node script.js в терминале. Язык везде один и тот же, отличается только окружение, в котором он исполняется.

Как запустить JS-файл из командной строки?

Скачайте Node.js с nodejs.org, сохраните код в файл script.js и в терминале из той же папки выполните node script.js. Всё, что вы выведете через console.log(...), сразу появится в терминале. Никакого HTML, браузера или сборки для этого не нужно.

Как запустить JavaScript в Chrome?

Откройте любую страницу, нажмите F12 (или Cmd+Option+I на Mac) и перейдите во вкладку Console. Пишете любое выражение, жмёте Enter — код тут же выполняется в контексте этой страницы. Это самый быстрый способ проверить сниппет, покопаться в DOM или потыкать живой сайт.

Связанные концепции

Учитесь программировать с Coddy

НАЧАТЬ