Zadania JS część I

Zadanie 1: Zmiana treści tekstu po kliknięciu przycisku

Stwórz prostą stronę HTML z przyciskiem i pustym elementem <p>. Po kliknięciu przycisku, za pomocą JavaScript, zmień treść tekstu w elemencie <p>. Całość ostyluj i wyśrodkuj w CSS

Przykład:

Po kliknięciu:

Zadanie 2: Walidacja formularza

Stwórz formularz z polem na imię oraz przyciskiem „Wyślij”. Napisz skrypt, który sprawdza, czy pole nie jest puste i wyświetla odpowiedni komunikat (alert). Całość ostyluj dowolnie w CSS.

Przykład: 

Zadanie 3: Interaktywna zmiana stylu (CSS)

Stwórz stronę z nagłówkiem <h1> i przyciskiem. Po kliknięciu przycisku zmień kolor tekstu nagłówka na niebieski za pomocą JavaScript. Ostyluj wg własnych preferencji.

Przykład:

Zadanie 4: Zegar cyfrowy

Stwórz prosty zegar cyfrowy, który będzie wyświetlał aktualny czas na stronie i aktualizował go co sekundę.

Zadanie 5: Prosta galeria zdjęć

Stwórz galerię zdjęć, w której po kliknięciu na miniaturkę zdjęcia będzie się ono wyświetlało w pełnym rozmiarze, ostyluj w CSS. Przykład: