From 5ef510abfd815f39a42c7794b52336ea1e35f261 Mon Sep 17 00:00:00 2001
From: quegzacov <arthur@example.com>
Date: Wed, 28 Dec 2022 14:09:00 +0100
Subject: [PATCH] 3.14159265358979323846264338327950

---
 index.php |  2 +-
 script.js | 17 +++++++++++++++++
 2 files changed, 18 insertions(+), 1 deletion(-)

diff --git a/index.php b/index.php
index d14a5c6..614c195 100755
--- a/index.php
+++ b/index.php
@@ -22,7 +22,7 @@ var_dump($res);
 	<script type="text/javascript">
 		draw_roulette(3, 200, 200, 200, ["arthur", "jimmy", "Jamel"]);
 	</script>
-	<button	onclick="document.getElementById('roulette').setAttribute('transform', 'rotate(90)')" style="transition: 3s ease-out;">Tourner</button>
+	<button	onclick="rotate(250)">Tourner</button>
 </body>
 </html>
 
diff --git a/script.js b/script.js
index 175cb5f..cfd5274 100755
--- a/script.js
+++ b/script.js
@@ -32,3 +32,20 @@ function draw_roulette(nb_person, x, y, r, names){
 	}
 };
 
+
+function rotate(angle){
+    return new Promise((resolve, reject) => {
+        let i = 0;
+        let interval = setInterval(() => {
+            if (i >= angle){
+                document.getElementById('roulette').style.transform = 'rotate('+angle+')';
+                clearInterval(interval);
+                resolve()
+            }
+            else {
+                i += 9;
+                document.getElementById('roulette').style.transform = 'rotate('+i+')';
+            }
+        }, 5);
+    })
+};