Projetjavascriptroulette/index.html at master · Idiyazz/Projetjavascriptroulette · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
<!DOCTYPE html>
<html lang="en,fr,pt">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Roulette Virtuel</title>
    <link rel="stylesheet" href="index.css">
</head>
<body>
     <!-- ----------------------------  Navigation ---------------------------------------------- -->

     <nav class="nav">
        <div class="nav-menu">
            <div class="nav-brand">
                <a href="index.html" class="text-gray"> Jeu de la Roulette </a>

            </div>
    </nav>

    <!-- ------------x---------------  Navigation --------------------------x------------------- -->
    <div class="site-title">
<main>
        <center><h1>Roulette</h1></center>
    <div>

       <h2>Choisir un Numéro :
            <select name="select" id="select"> <!--la selection des numeros 1 à 36 pair et impair-->
                <option></option>
                <option value="pair">pair</option>
                <option value="impair">impair</option>
                <option >1</option>
                <option >2</option>
                <option >3</option>
                <option >4</option>
                <option >5</option>
                <option >6</option>
                <option >7</option>
                <option >8</option>
                <option >9</option>
                <option >10</option>
                <option >11</option>
                <option >12</option>
                <option >13</option>
                <option >14</option>
                <option >15</option>
                <option >16</option>
                <option >17</option>
                <option >18</option>
                <option >19</option>
                <option >20</option>
                <option >21</option>
                <option >22</option>
                <option >23</option>
                <option >24</option>
                <option >25</option>
                <option >26</option>
                <option >27</option>
                <option >28</option>
                <option >29</option>
                <option >30</option>
                <option >31</option>
                <option >32</option>
                <option >33</option>
                <option >34</option>
                <option >35</option>
                <option >36</option>
            </select>
        </h2>
      <h2>Mise :
                <input class="btn" type="number" name="" id="nbr" placeholder="Mettez Votre Mise" style="background-color:#104f55; border-radius:1rem;">
                <button class="btn" onclick="jeu();"> Go </button>
                <div id="message"></div>
                    <div class="montant">
                    <div>Joueur à : <span class="largent"> 100.000 Fcfa</span>
                    </div>
                    <div>Casino à : <span class="largent">  0 Fcfa</span>
                    </div>
    </h2>
                </div>
</main>
    </div>
<script>
    let montantJoueur = 100, montantOrdinateur = 0, mise, gain, nombreAleatoire;// le valeur de la jouer au depart c'est 100 et pour casino c'est 0

    function jeu()
    {
        const numero = document.getElementById('numero');
        const select = document.getElementById('select');
        const nbr = document.getElementById('nbr');
        const message = document.getElementById('message');
        const largent = document.getElementsByClassName('largent');

        mise = parseInt(nbr.value);
        if (mise > 0) {
            nombreAleatoire = Math.floor(Math.random() * Math.floor(37));
            if (nombreAleatoire === 0)
            {
                montantJoueur = montantJoueur - mise;
                montantOrdinateur = montantOrdinateur  + mise
                message.textContent = nombreAleatoire + " Perdu "
            }
            else
            if (nombreAleatoire == select[select.selectedIndex].text)
            {
                gain = mise * 36;
                montantJoueur = montantJoueur + gain
                message.textContent = nombreAleatoire + " Gagné "
            }
            else
            if (nombreAleatoire % 2 === 0 && select.value === 'pair')
            {
                gain = mise * 2;
                montantJoueur += gain
                message.textContent = nombreAleatoire + " Gagné "
            }
            else
            if (nombreAleatoire % 2 != 0 && select.value === 'impair')
            {
                gain = mise * 2;
                montantJoueur += gain
                message.textContent = nombreAleatoire + " Gagné "
            }
            else
            {
                montantJoueur -= mise;
                montantOrdinateur += mise;
                message.textContent = nombreAleatoire + " Perdu "
            }
            largent[0].textContent = montantJoueur + " Mille FCFA"
            if (montantOrdinateur != 0) largent[1].textContent = montantOrdinateur + " Mille FCFA"
        }
        if (mise === "perdu"){

        }
    }
</script>
</body>
</html>