feat: Maintain linear flow of execution by using async and await

shreyas-a-s · Jul 6, 2024 · 4ebcc0b · 4ebcc0b
1 parent eda744b
commit 4ebcc0b
Showing 1 changed file with 7 additions and 3 deletions.
diff --git a/main.js b/main.js
@@ -13,6 +13,10 @@ const alice1 = document.querySelector("#alice1");
 const alice2 = document.querySelector("#alice2");
 const alice3 = document.querySelector("#alice3");
 
-alice1.animate(aliceTumbling, aliceTiming).finished
-  .then(() => alice2.animate(aliceTumbling, aliceTiming).finished)
-  .then(() => alice3.animate(aliceTumbling, aliceTiming));
+async function animateAlice() {
+  await alice1.animate(aliceTumbling, aliceTiming).finished;
+  await alice2.animate(aliceTumbling, aliceTiming).finished;
+  await alice3.animate(aliceTumbling, aliceTiming);
+}
+
+animateAlice();