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
documentaniwindow. To elementy przeglądarki. Wywołaniedocument.getElementById(...)w Node rzucaReferenceError: 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.logdział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.