From 4ebcc0b56a1cfae1013a7636e82d6542cb9dcb82 Mon Sep 17 00:00:00 2001
From: Shreyas A S <137637016+shreyas-a-s@users.noreply.github.com>
Date: Sun, 7 Jul 2024 01:06:34 +0530
Subject: [PATCH] feat: Maintain linear flow of execution by using async and
 await

---
 main.js | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/main.js b/main.js
index 828548b..18fb40a 100644
--- 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();