Pomiń nawigację
Ćwiczenie · Informatyka Ćwiczenie: Podpięcie funkcji do przycisku przez onclick

Podpięcie funkcji do przycisku przez onclick

Treść zadania

W kodzie HTML zdefiniowano przycisk: <button onclick="pokazKomunikat()">Kliknij mnie</button> oraz pusty akapit <p id="wynik"></p>. Napisz w skrypcie funkcję pokazKomunikat(), która po kliknięciu wstawi do akapitu #wynik tekst: Przycisk został kliknięty!.

Co będzie oceniane

  • Deklaracja globalnej funkcji pokazKomunikat.
  • Wstawienie tekstu 'Przycisk został kliknięty!' do akapitu #wynik.
  • Poprawna reakcja na kliknięcie przycisku.
  • Kod uruchamia się bez błędu i przechodzi wszystkie testy automatyczne.

Testy automatyczne (1)

  1. Kliknięcie przycisku i zmiana tekstu w akapicie — tekst #wynik = Przycisk został kliknięty!

Zaliczenie: wszystkie testy muszą przejść. Testy uruchamia się przyciskiem „Sprawdź testy” pod kodem.

// Zdefiniuj funkcję pokazKomunikat() wywoływaną przez onclick w HTML

Wskazówki

Wskazówka 1

Gdy w HTML zdefiniowano atrybut onclick="nazwaFunkcji()", w pliku JavaScript wystarczy utworzyć funkcję o dokładnie takiej samej nazwie.

Wskazówka 2

W ciele funkcji pobierz akapit za pomocą getElementById() i przypisz wymagany łańcuch znaków do jego właściwości textContent.