mise en place des rectangles avec info de ms

test_jl/main.js

@@ -5,14 +5,6 @@ let bank = 1000
 let mise 
 let gains = 0
 
-regle()
-
-
-function regle(){
-	console.log("les règles sont ..............");
-	console.log("Mais aussi ça .............");
-}
-
 function saisie(){
 	if (argent>0){
 		mise = document.getElementById("mise").value;
@@ -123,7 +115,8 @@ function init(firstInit, groups, duration) {
 	console.log(nombres);
 	saisie()
 	nombres = [];
-	//console.log(nombres);
+	document.getElementById("bank_val").innerHTML=bank;
+	document.getElementById("argent_val").innerHTML=argent;
 }
 function shuffle([...arr]) {
 	let m = arr.length;

test_jl/test.css

@@ -9,7 +9,28 @@
 }
 
 .doors {
+  /*display: flex;*/
+}
+
+.bank{
+  background: #fafafa;
+  box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.4) inset;
+
+  width: 100px;
+  height: 150px;
+  overflow: hidden;
+
+  border-radius: 1ex;
+  margin: 1ch;
+  float: top;
+}
+
+#resultat{
   display: flex;
+  justify-content: center;
+  align-items: center;
+  font-size: 2rem;
+  margin-top: 55%;
 }
 
 .door {
@@ -22,6 +43,7 @@
 
   border-radius: 1ex;
   margin: 1ch;
+  float: right;
 }
 
 .boxes {

test_jl/test.html

@@ -32,6 +32,13 @@
 			</div>
 		  </div>
 
+		  	<div class="bank">
+		  		<div id="resultat"><span id="bank_val"></span></div id="resultat">
+			</div>
+			<div class="bank">
+		  		<div id="resultat"><span id="argent_val"></span></div id="resultat">
+			</div>
+
 		  <div class="buttons">
 			<button id="spinner">Spin</button>
 			<!--<button id="reseter">Reset</button>-->