Vazifada Animatsion doira animatsion o’sib boruvchi doiralar ko’rsatilgan.

Endi aylana emas, balki uning ichida xabarni ko’rsatish uchun kerak deylik. Xabar animatsiya tugagandan so’ng paydo bo’lishi kerak (aylana to’liq kattalashgan), aks holda u xunuk ko’rinadi.

Vazifani hal qilishda showCircle(cx, cy, radius) funktsiyasi aylanani chizadi, ammo tayyorligini kuzatishga imkon bermaydi.

Qayta chaqiruv qilish argumentini qo’shing: animatsiya tugagandan so’ng chaqiriladigan showCircle(cx, cy, radius, callback). callback <div> doirasini argument sifatida qabul qilishi kerak.

Mana misol:

showCircle(150, 150, 100, (div) => {
  div.classList.add("message-ball");
  div.append("Hello, world!");
});

Demo:

Animatsion doira vazifasining yechimini asos qilib oling.