TablicaPro / karta pracy ucznia / JS

fetch, JSON i obsługa błędów — lekcja z przykładowymi danymi

Klasa: __________ Numer: __________ Data: __________

Pracuj w przygotowanym pliku. Po każdej zmianie zapisz go i sprawdź rezultat.

Kod do rozpoczęcia pracy

async function start() {
  const odpowiedz = await fetch('data:application/json,{"imie":"Ola"}');
  const dane = await odpowiedz.json();
  pokaz(dane.imie);
}
start();

Zadanie 1

Napisz pobierz(adres) sprawdzającą ok i zwracającą JSON. Pobierz listę uczniów ze stałej UCZNIOWIE i wypisz ich liczbę oraz imiona.

Zadanie 2

Dla każdego ucznia wypisz średnią z ocen (albo brak ocen) i imiona uczniów ze średnią co najmniej 4.

Zadanie 3

Pobierz uszkodzone dane ze stałej ZEPSUTE i obsłuż błąd try/catch/finally. Pobierz dwa razy listę uczniów równolegle (Promise.all).

Sprawdź przed oddaniem

Zadanie 1: funkcja z await, ok i json 3 pkt, liczba i imiona 1 pkt; zadanie 2: średnie z brakiem ocen 2 pkt, filtrowanie 1 pkt; zadanie 3: try/catch/finally 2 pkt, Promise.all 1 pkt. Razem 10 pkt.

Jaką zmianę w kodzie potrafisz samodzielnie wyjaśnić?

Drukuj kartę pracy