Řešení úlohy

Co je zde splněno

  • Vytvořeno plátno <canvas> a získán 2D kontext (getContext("2d")).

  • Vykreslen podkladový obdélník pomocí fillRect().

  • Doprostřed nakresleny minimálně tři soustředné kruhy (beginPath(), arc(), fill()), u nejmenšího navíc okraj (stroke()).

  • Tlačítko Vyčistit volá clearRect() nad vnitřní oblastí terče a znovu vykreslí terč.

  • Po načtení stránky se terč vykreslí automaticky.

  • Kód používá pouze let a const, žádné šipkové funkce ani ternární operátory.

  • Funkce jsou oddělené: zvlášť podklad, kruhy i kompletní překreslení.