From d0544e1e055965590aa4690a8f213cf8f13f8670 Mon Sep 17 00:00:00 2001
From: quegzacov <arthur@example.com>
Date: Wed, 4 Jan 2023 21:02:08 +0100
Subject: [PATCH] 3.14159265358979323846264338327950288419716939

---
 index.html | 12 ++++++++++--
 script.js  |  8 +++++++-
 2 files changed, 17 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index 8fde1ff..2e92fc6 100644
--- a/index.html
+++ b/index.html
@@ -18,7 +18,7 @@
 	<h1 id="winner"></h1>
 	Ajouter quelqu'un: <input id="entry" type="text" name="fname">
 	<input id="submit" type="submit" value="Submit">
-	<ul id="list_person">
+	<ul id="list_person" style="display: grid">
 		
 	</ul>
 	<script>
@@ -27,7 +27,15 @@
 			names.push(document.getElementById('entry').value);
 			draw_roulette(200, 200, 200, names);
 			let new_element = document.createElement("li");
-			
+			let remove_button = document.createElement('button');
+			remove_button.innerText = "remove";
+			remove_button.onclick = function(){remove_person(names.length-1)};
+			new_element.id = names.length - 1;
+			remove_button.style.display = 'inline';
+			new_element.innerHTML = "<h2 style='display: inline'>"+names.slice(-1)+"</h2>";
+			new_element.appendChild(remove_button);
+			new_element.style.display = "inline";
+			document.getElementById("list_person").appendChild(new_element);
 		});
 	</script>
 </body>
diff --git a/script.js b/script.js
index 8d9d346..5565a57 100755
--- a/script.js
+++ b/script.js
@@ -2,6 +2,7 @@
 function draw_roulette(x, y, r, names){
 	let nb_person = names.length;
 	let chart = document.getElementById("roulette").querySelector('g');
+	chart.innerHTML = '';
 	let starting_coo = new Array(x, y + r);
 	let text_coo = new Array(starting_coo[0] + (r/2), starting_coo[1]);
 	let center = new Array(x + r, y + r);
@@ -35,7 +36,7 @@ function draw_roulette(x, y, r, names){
 function rotate(){
 	nb_person = names.length;
 	let winner = Math.random() * nb_person;
-	let angle = Math.floor(Math.random()*15)*360 - winner * 360/nb_person;
+	let angle = Math.floor(Math.random()* (15 - 5) + 5)*360 - winner * 360/nb_person;
     	let result = new Promise((resolve, reject) => {
         	let i = 0;
 		let add = 0;
@@ -67,3 +68,8 @@ function show_winner(winner){
 };
 
 
+function remove_person(id) {
+	names.splice(id, 1);
+	document.getElementById('list_person').removeChild(document.getElementById(id));
+	draw_roulette(200, 200, 200, names);
+}
\ No newline at end of file