3.141592653589793238

index.php

@@ -16,9 +16,11 @@ var_dump($res);
 ?>
 	
 	</code>
-	<svg id="roulette" width="800" height="800"></svg>
+	<svg id="roulette" width="800" height="800">
+		<g stroke="black" stroke-width=2></g>
+	</svg>
 	<script type="text/javascript">
-		draw_roulette(2, 200, 200);
+		draw_roulette(3, 200, 200);
 	</script>
 </body>
 </html>

script.js

@@ -1,10 +1,10 @@
 
 function draw_roulette(nb_person, x, y){
-	let chart = document.getElementById("roulette")
+	let chart = document.getElementById("roulette").querySelector('g')[0];
 	let starting_coo= new Array(x, y);
 	let angle = 0;
 	for (let i=0; i < nb_person; i++){
-		let coo_arr = new Array(250 - 50 * Math.cos(2 * Math.PI / nb_person) * (i+1), 200 - 50 * Math.sin(2 * Math.PI / nb_person) * (i+1));
+		let coo_arr = new Array(250 - 50 * Math.cos(2 * Math.PI / nb_person * (i+1)), 200 - 50 * Math.sin(2 * Math.PI / nb_person * (i+1)));
 		let new_path = document.createElement("path");
 		new_path.setAttribute('fill', 'green');
 		new_path.setAttribute('d', "M " + starting_coo[0] + " " + starting_coo[1] + " A 50 50 0 0 1 " + coo_arr[0] + " " + coo_arr[1] + " L 250 200 Z");