hi

3 years ago · e6c829ce3c
3 changed files with 60 additions and 30 deletions
--- a/app.js
+++ b/app.js
@ -13,7 +13,8 @@ Dans tous les cas sauf le jackpot, le joueur perd sa mise
 Bien évidemment, pour ne pas vous anarquer, si le bac possède moin de 500 jetons, alors le jeu s'arrêtera
 Et puis il faut également pas oublier que si vous n'avez plus de jeton, alors vous ne pourrez plus jouer"""
 */
-jeu()
+
+
 function nbAlea() {
    return Math.floor(Math.random() * 10);
 }
@ -24,12 +25,15 @@ function gain(tirage) {
    if (tirage == [9, 9, 9]) {
        player_coins = player_coins + machine_coins
        machine_coins = 0
+        console.log("BINGO")
    } else if (tirage[0] == tirage[1] && tirage[1] == tirage[2]) {
        player_coins = player_coins + 6 * mise
        machine_coins = machine_coins - 6 * mise
+        console.log("3*")
    } else if (tirage[0] == tirage[1] || tirage[1] == tirage[2] || tirage[0] == tirage[2]) {
        player_coins = player_coins + 2 * mise
        machine_coins = machine_coins - 2 * mise
+        console.log("2*")
    } else {
        console.log("Perdu")
    }
@ -38,22 +42,30 @@ function update_stats() {
    document.getElementById('machine_coins').innerText = machine_coins
    document.getElementById('player_coins').innerText = player_coins
 }
-/*
-var button = document.createElement("BUTTON");        
-var button_1 = document.createTextNode("CLICK ME");
+
 function regle() {
    btn.appendChild(button_1);
    document.body.appendChild(button);
 }
-*/  
+// Init
+var rouleaux = document.querySelectorAll(".rouleaux h3")
+rouleaux.forEach(rouleau => {
+    rouleau.innerText = 0
+});
+var mise = 0
 var machine_coins = 1000
 var player_coins = 100
-function jeu() {
+document.getElementById("valider").addEventListener("click", jeu);

-   if (player_coins > 0) {
-        var mise = document.getElementById("mise").value // a dev
+function jeu() {
+    mise = parseInt((document.getElementById('mise').value), 10)
    console.log(mise)
+    if (player_coins >= mise) {
        var tirage = [nbAlea(), nbAlea(), nbAlea()]
+        for (let i = 0; i < 3; i++) {
+            rouleaux[i].innerText = tirage[i];
+
+        }
        console.log(tirage)
        gain(tirage)
        update_stats()
--- a/index.html
+++ b/index.html
@ -1,20 +1,28 @@
 <!DOCTYPE html>
 <html lang="fr">
+
 <head>
    <link href="style.css" rel="stylesheet">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
 </head>
+
 <body>
    <h1 onclick="">MACHINE A SOUS NSI</h1>
    <form action="">
+        <div class="rouleaux">
+            <h3 id="rouleau1">NaN</h3>
+            <h3 id="rouleau1">NaN</h3>
+            <h3 id="rouleau1">NaN</h3>
+        </div>
        <input type="text" id="mise">
-            <input onclick="jeu()" type="button" value="Submit" id="valider">
+        <input type="button" value="Submit" id="valider">
    </form>

    <h5 id="machine_coins"></h5>
    <h5 id="player_coins"></h5>
    <script src="app.js"></script>
 </body>
+
 </html>
--- a/style.css
+++ b/style.css
@ -0,0 +1,10 @@
+body {
+    background-color: rgb(233, 245, 255);
+}
+.rouleaux {
+    display: flex;
+    flex-direction: row;
+}
+.rouleaux h3 {
+    margin: 0 5px 0 5px;
+}