Javascript for Kids · Lekcja

Orzeł czy reszka

Losowy rzut monetą

Lekcja 1 z 413 kroki

Orzeł czy reszka to bezpłatna lekcja Javascript for Kids na CoddyKit. To lekcja 1 z 4. 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 for Kids, a Twój postęp synchronizuje się między webem a aplikacją CoddyKit. Kurs Javascript for Kids zawiera 4 lekcji w sumie.

Witamy w grze Coin Flip! 🪙

Dzień dobry, programisto! 👋 Dziś zbudujemy grę Coin Flip! 🪙

Gdy podrzucamy prawdziwą monetę, spada ona na Orła albo Reszkę. Nigdy nie wiemy, która strona wypadnie. Właśnie to sprawia, że jest to takie ciekawe! 🎉

Nauczmy komputer podrzucać monetę!

Czym jest losowość? 🎲

Wynik rzutu monetą jest losowy. Losowość oznacza, że nie możemy z całą pewnością przewidzieć odpowiedzi. 🤷

JavaScript ma specjalną funkcję pomocniczą o nazwie Math.random(). Zwraca ona niespodziewaną liczbę od 0 do 1. 🎲

Sprawdźmy, co zwróci!

console.log(Math.random());
console.log(Math.random());
console.log(Math.random());

Malutkie liczby 🔢

Widzieli Państwo te liczby? Były malutkie i pełne miejsc po przecinku, na przykład 0.3829. 😮

Za każdym razem, gdy uruchamiamy kod, otrzymujemy inną liczbę. Komputer rzuca za nas niewidzialną kostką! 🎲

let surprise = Math.random();
console.log('My surprise number is: ' + surprise);

Mniej niż połowa? ✂️

Moneta ma 2 strony. Musimy więc podzielić naszą liczbę na 2 grupy! ✂️

Środek między 0 a 1 to 0.5, czyli jedna połowa. Możemy zapytać: czy nasza liczba jest mniejsza niż 0.5? 🤔

let number = Math.random();
console.log('Number: ' + number);
console.log('Is it less than 0.5? ' + (number < 0.5));

Czas na Orła albo Reszkę! 🎯

Teraz magia! Jeśli liczba jest mniejsza niż 0.5, mówimy Orzeł. W przeciwnym razie mówimy Reszka! 🎯

Używamy if i else, aby dokonać wyboru.

let number = Math.random();
if (number < 0.5) {
  console.log('Heads! 🙂');
} else {
  console.log('Tails! 🪙');
}

Uruchom ponownie! 🔁

Proszę kilka razy kliknąć Run! 🔁

Czasem wypadnie Orzeł, a czasem Reszka. Zupełnie jak przy prawdziwej monecie! 🪙

Komputer za każdym razem przygotowuje dla nas niespodziankę. 😄

let number = Math.random();
if (number < 0.5) {
  console.log('Heads! 🙂');
} else {
  console.log('Tails! 🪙');
}

Zapisywanie wyniku 📦

Przechowajmy odpowiedź w pudełku zwanym zmienną. 📦

Nazwiemy je result i umieścimy w nim albo „Orzeł”, albo „Reszka”.

let number = Math.random();
let result;
if (number < 0.5) {
  result = 'Heads';
} else {
  result = 'Tails';
}
console.log('The coin shows: ' + result);

Funkcja rzutu 🛠️

W naszej grze będziemy podrzucać monetę wiele razy. Zdefiniujmy więc funkcję, której możemy używać ponownie! 🛠️

Funkcja przypomina małą maszynę. Wywołujemy flipCoin(), a ona zwraca wynik! 🤖

function flipCoin() {
  if (Math.random() < 0.5) {
    return 'Heads';
  } else {
    return 'Tails';
  }
}
console.log(flipCoin());

Używanie maszyny 🤖

Skoro mamy już naszą maszynę do rzucania monetą, możemy używać jej wielokrotnie! 🤖

Proszę zobaczyć, jak wywołujemy flipCoin() trzy razy z rzędu! 🪙🪙🪙

function flipCoin() {
  if (Math.random() < 0.5) {
    return 'Heads';
  } else {
    return 'Tails';
  }
}
console.log('Flip 1: ' + flipCoin());
console.log('Flip 2: ' + flipCoin());
console.log('Flip 3: ' + flipCoin());

Dodajmy trochę stylu ✨

Dodajmy zabawne emoji, aby pokazać stronę monety! ✨

Dodajmy też wesoły komunikat, aby gra była jeszcze ciekawsza. 🎉

function flipCoin() {
  if (Math.random() < 0.5) {
    return 'Heads 🙂';
  } else {
    return 'Tails 🪙';
  }
}
console.log('Flipping the coin... 🌀');
console.log('It landed on: ' + flipCoin());

Moneta jest gotowa! 🏆

Niesamowita praca! 🏆 Nauczyli się Państwo podrzucać monetę za pomocą Math.random()!

  • 🎲 Losowość zwraca niespodziewaną liczbę
  • ✂️ Dzielimy ją w punkcie 0.5
  • 🪙 Liczba mniejsza niż 0.5 oznacza Orła, w przeciwnym razie wypada Reszka

W następnej części pozwolimy graczowi odgadnąć wynik rzutu monetą! 🤔

Szybkie sprawdzenie ✅

Sprawdźmy Państwa wiedzę! 🧠 Co zwraca Math.random()?

Podsumowanie lekcji 🎀

Świetna praca! 🎀 Oto, czego się Państwo nauczyli:

  • 🎲 Math.random() generuje losową liczbę
  • ✂️ Porównujemy ją z 0.5
  • 🪙 Za pomocą if/else wybieramy Orła albo Reszkę
  • 🛠️ Funkcja flipCoin() pozwala ponownie używać tego kodu

Do zobaczenia w następnej lekcji, mistrzu monet! 👋

Bezpłatny start

Ucz się JavaScript dzięki korepetycjom AI — za darmo

Pisz i uruchamiaj kod w przeglądarce, otrzymuj natychmiastową pomoc od korepetytora AI dostępnego 24/7 i kontynuuj naukę w sieci lub w aplikacji.

Kursy
35
Lekcje
140

Często zadawane pytania

Czy lekcja „Orzeł czy reszka” jest bezpłatna?

Tak — pełny tekst „Orzeł czy reszka” 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 for Kids, przejdź na CoddyKit PRO. Kurs Javascript for Kids zawiera 4 lekcji w sumie.

Co nauczysz się w „Orzeł czy reszka”?

Losowy rzut monetą Ćwiczysz Javascript for Kids 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 for Kids?

Nie wymagamy żadnego doświadczenia. Javascript for Kids 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 1 z 4.

Ile czasu zajmuje lekcja „Orzeł czy reszka”?

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 for Kids?

Tak. Każda lekcja Javascript for Kids 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

  1. Orzeł czy reszka
  2. Zgadywanie
  3. Sprawdzanie odpowiedzi
  4. Wiele rzutów
← Powrót do Javascript for Kids