Řešení úlohy

Co je zde splněno

  • Do HTML vložen <canvas> s atributy width="400" a height="200".

  • Pomocí document.getElementById() získán odkaz na plátno.

  • Použita metoda getContext("2d") a výsledek uložen do proměnné ctx.

  • Přidána podmínka, která vypíše chybu, pokud je ctx == null.

  • Pokud se kontext podaří získat, na plátno se vykreslí obdélník.

Poznámky

  • Umístění <script> až za <canvas> je nutné, aby byl prvek v DOM dostupný.

  • Výpis chyby document.write() se použije jen pro jednoduchost – v praxi se spíše píše chybová hláška do určitého elementu.