Plik JS i konsola — JavaScript

Kod JavaScript można dołączyć do HTML przez <script src="app.js" defer></script>.

Cel lekcji

Poznać zagadnienie „Plik JS i konsola”, zrozumieć przykład i umieć zastosować podobny zapis we własnym programie.

Wyjaśnienie krok po kroku

Atrybut defer sprawia, że kod wykona się po przetworzeniu dokumentu. Komunikaty console.log() zobaczysz w narzędziach deweloperskich.

Najpierw przeanalizuj kod bez uruchamiania. Zwróć uwagę, jakie dane wykorzystuje program, co z nimi robi i skąd bierze się wynik pokazany pod przykładem.

Praktyczny przykład

Gdzie zobaczysz efekt: Konsola przeglądarki lub Node.js

// app.js
console.log("Skrypt został wczytany");

Przeczytaj kod linijka po linijce

console.log("Skrypt został wczytany");Wyświetlamy wartość, aby sprawdzić efekt działania programu.

Oczekiwany wynik / efektpo uruchomieniu przykładu

Skrypt został wczytany

Jak utrwalić tę umiejętność?

Przepisz kod samodzielnie. Następnie zmień jedną wartość lub jedną instrukcję i spróbuj przewidzieć efekt. Dopiero potem uruchom zmienioną wersję. Jeśli wynik jest inny niż oczekiwany, porównaj kolejne linie.

Spróbuj samodzielnie

Utwórz index.html i osobny app.js.