Menu

Jak uruchomić JavaScript: konsola przeglądarki, Node.js i HTML

Praktyczne sposoby uruchamiania JavaScript w 2026 roku: konsola przeglądarki, znacznik script w HTML, Node.js z terminala i kiedy sięgać po każdy z nich.

Na tej stronie są działające edytory: edytuj, uruchamiaj i od razu zobacz wynik.

Trzy miejsca, w których działa JavaScript

JavaScript nie działa sam z siebie: potrzebuje środowiska, które rozumie ten język. W 2026 roku są trzy środowiska, z których naprawdę będziesz korzystać:

  • Przeglądarka. Każda przeglądarka ma wbudowany silnik JavaScript (V8 w Chrome i Edge, SpiderMonkey w Firefoksie, JavaScriptCore w Safari). Wklejasz kod do DevTools i działa.
  • Node.js. Samodzielne środowisko uruchomieniowe, które pozwala uruchamiać JavaScript poza przeglądarką: z terminala, na serwerach, w narzędziach do budowania.
  • Edytory online i widżety edytora (takie jak te na tej stronie). Pod spodem to po prostu jedno z powyższych, opakowane w interfejs webowy.

Język jest wszędzie ten sam. Zmienia się to, do czego kod ma dostęp: przeglądarka daje ci document i window, Node daje system plików i sieć. Zacznij od tego, co w twojej sytuacji jest łatwiejsze. Zmienić możesz w każdej chwili.

Opcja 1: konsola przeglądarki

Najszybszy sposób na uruchomienie linijki JavaScript to konsola DevTools w przeglądarce. Otwórz dowolną stronę, naciśnij F12 (albo Cmd+Option+I na Macu), kliknij kartę Console i wpisz:

Po każdej linii naciśnij Enter. Konsola wypisuje wartość zwracaną przez wyrażenia i wszystko, co przekażesz do console.log. Możesz definiować zmienne, wywoływać funkcje i badać bieżącą stronę: document.title poda tytuł bieżącej karty.

Konsola świetnie się sprawdza, gdy chcesz:

  • Przetestować fragment kodu w dwie sekundy.
  • Pogrzebać w DOM działającej strony.
  • Debugować kod, który już działa na stronie.

To, co wpiszesz w konsoli, znika po zamknięciu karty. Wszystko, co chcesz zachować, trzymaj w pliku.

Opcja 2: znacznik <script> w pliku HTML

Żeby uruchomić JavaScript jako część strony internetowej, umieść go w pliku HTML. Zapisz to jako index.html i kliknij dwukrotnie, żeby otworzyć w przeglądarce:

<!doctype html>
<html>
  <body>
    <h1 id="title">Ładowanie...</h1>
    <script>
      document.getElementById("title").textContent = "Cześć ze skryptu";
      console.log("Skrypt się wykonał");
    </script>
  </body>
</html>

Znacznik <script> mówi przeglądarce: „uruchom to jako JavaScript”. Kod ma dostęp do strony, w której jest osadzony, więc document.getElementById(...) sięga do znajdującego się nad nim <h1>. Otwórz DevTools, żeby zobaczyć wynik console.log.

Jeśli kod ma więcej niż kilka linii, przenieś go do osobnego pliku i podlinkuj:

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

Umieść znacznik <script> pod koniec <body> albo dodaj do niego defer, żeby uruchomił się po sparsowaniu HTML strony. Więcej o skryptach modułowych i kolejności ładowania znajdziesz w rozdziale o modułach.

Opcja 3: Node.js z terminala

Gdy chcesz używać JavaScript bez przeglądarki (skrypt zmieniający nazwy plików, mały serwer, szybkie przetwarzanie danych), użyj Node.js. Zainstaluj go ze strony nodejs.org (wybierz wersję LTS), a potem sprawdź, czy działa:

node --version

Zapisz plik jako script.js:

Potem w tym samym folderze uruchom:

node script.js

Wynik pojawia się bezpośrednio w terminalu. Bez HTML, bez przeglądarki, bez procesu budowania. Tak odbywa się większość „prawdziwej” pracy z JavaScript poza przeglądarką. Node napędza też narzędzia (bundlery, test runnery, lintery), które otaczają projekty przeglądarkowe.

Node możesz też uruchomić w ogóle bez pliku. Wpisz node i naciśnij Enter, a dostaniesz interaktywny prompt (REPL), w którym każda linia wykonuje się od razu po wpisaniu. Przydaje się do eksperymentów, jak konsola przeglądarki, tylko w terminalu.

Opcja 4: edytor na tej stronie

Każdy blok editor-javascript na Coddy to działający edytor. Edytujesz kod, klikasz Run i widzisz wynik. To najprzyjaźniejsza opcja na czas nauki: bez instalacji, bez konfiguracji, bez przełączania kart:

Zmień "świecie" na swoje imię i uruchom ponownie. Na tym polega cała pętla informacji zwrotnej: edytujesz, uruchamiasz, czytasz wynik. Większość tego samouczka jest wokół niej zbudowana.

Którą opcję wybrać?

Wybierz tę, która pasuje do tego, co robisz:

  • Testujesz jednolinijkowiec albo badasz działającą stronę: konsola przeglądarki.
  • Budujesz coś, wokół czego jest strona internetowa: plik HTML ze znacznikiem <script>.
  • Piszesz skrypt, narzędzie albo serwer: Node.js z terminala.
  • Przerabiasz ten samouczek: bloki edytora właśnie tutaj.

Kilka rzeczy, na których potykają się początkujący:

  • Kod w Node.js nie ma document ani window. To elementy przeglądarki. Wywołanie document.getElementById(...) w Node rzuca ReferenceError: document is not defined.
  • Kod w przeglądarce nie ma dostępu do twojego systemu plików. Przeglądarki izolują strony ze względów bezpieczeństwa. Jeśli chcesz czytać lokalny plik, to już terytorium Node.
  • console.log działa we wszystkich trzech. To uniwersalne „wypisz coś” w JavaScript.

Skrypt kontrolny

Uruchom to w wybranym środowisku. Jeśli zobaczysz trzy linie wyniku, możesz przejść do następnej strony:

Trzy funkcje języka w jednym fragmencie: console.log, wbudowany obiekt Date i metoda tablicy z funkcją strzałkową. Każdą z nich poznasz porządnie w kolejnych rozdziałach.

Dalej: składnia i średniki

Skoro kod już gdzieś działa, następne pytanie brzmi: jak wygląda składnia JavaScript. Instrukcje, wyrażenia i odwieczny spór o to, czy stawiać średnik na końcu każdej linii. O tym dalej.

Najczęściej zadawane pytania

Jak uruchomić kod JavaScript?

Masz trzy proste opcje. Wklej kod do konsoli DevTools w przeglądarce i naciśnij Enter. Umieść go w pliku HTML wewnątrz znacznika <script> i otwórz plik. Albo zainstaluj Node.js i uruchom node script.js w terminalu. Wszystkie trzy uruchamiają ten sam język, tylko w różnych środowiskach.

Jak uruchomić plik JavaScript z wiersza poleceń?

Zainstaluj Node.js ze strony nodejs.org, zapisz kod jako script.js, a potem uruchom node script.js w terminalu w tym samym folderze. Wynik console.log(...) pojawi się bezpośrednio w terminalu. Bez HTML, bez przeglądarki i bez procesu budowania.

Jak uruchomić JavaScript w Chrome?

Otwórz dowolną stronę, naciśnij F12 (albo Cmd+Option+I na Macu) i kliknij kartę Console. Wpisz dowolne wyrażenie i naciśnij Enter: uruchomi się od razu w kontekście tej strony. To najszybszy sposób, żeby przetestować fragment kodu, zajrzeć do DOM albo pogrzebać w działającej stronie.

Ilustracja języków programowania w Coddy

Ucz się programowania z Coddy

ZACZNIJ