JavaScript w INF.03 – od podstaw do projektów

Jak nauczyć się kodować w JS? Praktyczne przykłady – od zmiennej do quizu online. Naucz się zdawać egzamin, ale i tworzyć własne aplikacje i narzędzia.

Start z JavaScript – Twoje pierwsze kroki

Przykład – pobieranie imienia od użytkownika

let imie = prompt("Podaj swoje imię:");
alert("Cześć " + imie + "!");
        

Walidacja formularza – praktyka na egzaminie

Najczęstsze zadanie: sprawdź poprawność e-maila, hasła lub innych danych w formularzu.

Przykład kodu walidacji e-mail:

function validateEmail(email) {
  return /\S+@\S+\.\S+/.test(email);
}
        

Dodając ten kod do obsługi onchange w polu e-mail, sprawdzisz format wpisanego adresu.

Tworzenie interaktywnego quizu JS – zadanie egzaminacyjne

  1. Wyświetl pytanie
  2. Pobierz odpowiedź od użytkownika
  3. Porównaj ze wzorem
  4. Wyświetl komunikat – poprawna/niepoprawna

Prosty quiz JS:

let odp = prompt("Jaki jest wynik 2+2?");
if(odp == "4"){
  alert("Dobrze!");
}else{
  alert("Spróbuj jeszcze raz.");
}
        

AJAX i integracja z PHP

AJAX pozwala wysłać dane do serwera bez przeładowania strony. Na egzaminie możesz dostać zadanie: wysłać formularz JS do PHP i wyświetlić odpowiedź.

Przykład AJAX:

fetch('dane.php', {
  method: 'POST',
  body: new URLSearchParams({ imie: imie })
})
.then(res => res.text())
.then(data => alert(data));
        
W praktycznych projektach JS wykorzystasz do quizów, walidacji, dynamicznych treści, animacji, gier webowych.

Jak przygotować się do egzaminu INF.03?

Pamiętaj: im więcej napiszesz kodu, tym łatwiej zdasz egzamin i wykorzystasz JS w przyszłości!

Więcej ćwiczeń oraz projekty – szukaj na stronie artykułów Toloki.

← Powrót do listy artykułów