Pierwszy program i wejście/wyjście (console, alerty w przeglądarce)
Napisz swoje pierwsze małe programy i ćwicz obsługę wejścia/wyjścia: wyświetlanie danych w console w każdym środowisku oraz alerty w przeglądarce.
Pierwszy program i wejście/wyjście (console, alerty w przeglądarce) to bezpłatna lekcja JavaScript Academy na CoddyKit. To lekcja 3 z 3. Możesz przeczytać całą lekcję poniżej za darmo — a potem ćwiczyć ją interaktywnie w przeglądarce z wbudowanym edytorem kodu i tutorem AI dostępnym 24/7. To część ścieżki edukacyjnej JavaScript Academy, a Twój postęp synchronizuje się między webem a aplikacją CoddyKit. Kurs JavaScript Academy zawiera 3 lekcji w sumie.
Wprowadzenie
Cel: Wyświetlać komunikaty w czytelny i bezpieczny sposób. Będą Państwo używać console.log wszędzie oraz alert w przeglądarce.
- Mały program
- Podstawy konsoli
- alert z mechanizmem awaryjnym
Pierwszy wynik w konsoli
Należy utworzyć prostą funkcję, wywołać ją i wyświetlić wynik za pomocą console.log.
// A tiny first program
function hello(name) {
return "Hello, " + name + "!";
}
const message = hello("Coder");
console.log(message);
Czytelne komunikaty w konsoli
Krótkie, opisane etykietami wiersze łatwiej przeglądać na małych ekranach.
// Keep logs short and labeled for mobile
const level = 1;
const user = "Ayla";
console.log("User:", user);
console.log("Level:", level);
Funkcja czysta + wynik
Funkcje czyste zwracają wartości bez efektów ubocznych, dlatego świetnie nadają się do prostego wyświetlania wyników.
// Pure function: predictable output
function add(a, b) {
return a + b;
}
const total = add(2, 3);
console.log("Total:", total);
alert z rozwiązaniem awaryjnym
alert działa tylko w przeglądarce, dlatego zawsze należy zapewnić rozwiązanie awaryjne z użyciem console.log.
// Use alert in browsers; fall back to console elsewhere
const text = "Welcome to JavaScript!";
const canAlert = typeof alert === "function";
if (canAlert) {
alert(text);
} else {
console.log(text);
}
Wskazówki dotyczące I/O
Wskazówki:
- Należy preferować jedną wartość w każdym wierszu.
- Należy używać jasnych etykiet, takich jak „Total:”.
- Przed wywołaniem API przeglądarki należy sprawdzić ich dostępność.
Quiz: wynik w różnych środowiskach
Szybkie sprawdzenie: wynik w różnych środowiskach uruchomieniowych.
Podsumowanie
Podsumowanie: Napisano małe programy, wyświetlono czytelne komunikaty w konsoli i użyto alertu z bezpiecznym rozwiązaniem awaryjnym, aby zapewnić obsługę dowolnego środowiska uruchomieniowego.
Często zadawane pytania
Czy lekcja „Pierwszy program i wejście/wyjście (console, alerty w przeglądarce)” jest bezpłatna?
Tak — pełny tekst „Pierwszy program i wejście/wyjście (console, alerty w przeglądarce)” jest dostępny za darmo tutaj w sieci. Aby ćwiczyć ją interaktywnie (wbudowany edytor kodu i tutor AI dostępny 24/7) i odblokować resztę kursu JavaScript Academy, przejdź na CoddyKit PRO. Kurs JavaScript Academy zawiera 3 lekcji w sumie.
Co nauczysz się w „Pierwszy program i wejście/wyjście (console, alerty w przeglądarce)”?
Napisz swoje pierwsze małe programy i ćwicz obsługę wejścia/wyjścia: wyświetlanie danych w console w każdym środowisku oraz alerty w przeglądarce. Ćwiczysz JavaScript Academy z praktycznym kodem, który uruchamiasz bezpośrednio w przeglądarce, a tutor AI dostępny 24/7 odpowiada na Twoje pytania podczas pracy nad lekcją.
Czy potrzebuję doświadczenia, aby zacząć JavaScript Academy?
Nie wymagamy żadnego doświadczenia. JavaScript Academy w CoddyKit jest strukturyzowany dla początkujących i zaawansowanych użytkowników, więc możesz zacząć tutaj lub od początku i uczyć się w swoim tempie. To lekcja 3 z 3.
Ile czasu zajmuje lekcja „Pierwszy program i wejście/wyjście (console, alerty w przeglądarce)”?
Większość lekcji CoddyKit trwa około 5–10 minut. Każda lekcja to mały, interaktywny krok, dzięki czemu robisz systematyczne postępy i zawsze wracasz dokładnie do tego samego miejsca — na webie i w aplikacji.
Czy mogę pisać i uruchamiać kod w tej lekcji JavaScript Academy?
Tak. Każda lekcja JavaScript Academy zawiera wbudowany edytor kodu, więc piszesz i uruchamiasz prawdziwy kod bezpośrednio w przeglądarce i od razu otrzymujesz sprzężenie zwrotne od AI — bez konfiguracji na komputerze.
Wszystkie lekcje w tym kursie
- Czym jest JavaScript? Silniki (V8/SpiderMonkey) i środowiska uruchomieniowe (przeglądarka a Node)
- Konfiguracja: Node + npm, uruchamianie plików .js i konsola DevTools
- Pierwszy program i wejście/wyjście (console, alerty w przeglądarce)