SERNY Sacha 3 years ago
parent
commit
e6c829ce3c
  1. 40
      app.js
  2. 14
      index.html
  3. 10
      style.css

40
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 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""" Et puis il faut également pas oublier que si vous n'avez plus de jeton, alors vous ne pourrez plus jouer"""
*/ */
jeu()
function nbAlea() { function nbAlea() {
return Math.floor(Math.random() * 10); return Math.floor(Math.random() * 10);
} }
@ -21,15 +22,18 @@ function nbAlea() {
function gain(tirage) { function gain(tirage) {
player_coins = player_coins - mise player_coins = player_coins - mise
machine_coins = machine_coins + mise machine_coins = machine_coins + mise
if (tirage == [9,9,9]) { if (tirage == [9, 9, 9]) {
player_coins = player_coins + machine_coins player_coins = player_coins + machine_coins
machine_coins = 0 machine_coins = 0
} else if (tirage[0] == tirage[1] && tirage[1]== tirage[2]) { console.log("BINGO")
player_coins = player_coins + 6*mise } else if (tirage[0] == tirage[1] && tirage[1] == tirage[2]) {
machine_coins = machine_coins - 6*mise 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]) { } else if (tirage[0] == tirage[1] || tirage[1] == tirage[2] || tirage[0] == tirage[2]) {
player_coins = player_coins + 2*mise player_coins = player_coins + 2 * mise
machine_coins = machine_coins - 2*mise machine_coins = machine_coins - 2 * mise
console.log("2*")
} else { } else {
console.log("Perdu") console.log("Perdu")
} }
@ -38,22 +42,30 @@ function update_stats() {
document.getElementById('machine_coins').innerText = machine_coins document.getElementById('machine_coins').innerText = machine_coins
document.getElementById('player_coins').innerText = player_coins document.getElementById('player_coins').innerText = player_coins
} }
/*
var button = document.createElement("BUTTON");
var button_1 = document.createTextNode("CLICK ME");
function regle() { function regle() {
btn.appendChild(button_1); btn.appendChild(button_1);
document.body.appendChild(button); 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 machine_coins = 1000
var player_coins = 100 var player_coins = 100
function jeu() { document.getElementById("valider").addEventListener("click", jeu);
if (player_coins > 0) { function jeu() {
var mise = document.getElementById("mise").value // a dev mise = parseInt((document.getElementById('mise').value), 10)
console.log(mise) console.log(mise)
if (player_coins >= mise) {
var tirage = [nbAlea(), nbAlea(), nbAlea()] var tirage = [nbAlea(), nbAlea(), nbAlea()]
for (let i = 0; i < 3; i++) {
rouleaux[i].innerText = tirage[i];
}
console.log(tirage) console.log(tirage)
gain(tirage) gain(tirage)
update_stats() update_stats()

14
index.html

@ -1,20 +1,28 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="fr"> <html lang="fr">
<head> <head>
<link href="style.css" rel="stylesheet"> <link href="style.css" rel="stylesheet">
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title> <title>Document</title>
</head> </head>
<body>
<body>
<h1 onclick="">MACHINE A SOUS NSI</h1> <h1 onclick="">MACHINE A SOUS NSI</h1>
<form action=""> <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 type="text" id="mise">
<input onclick="jeu()" type="button" value="Submit" id="valider"> <input type="button" value="Submit" id="valider">
</form> </form>
<h5 id="machine_coins"></h5> <h5 id="machine_coins"></h5>
<h5 id="player_coins"></h5> <h5 id="player_coins"></h5>
<script src="app.js"></script> <script src="app.js"></script>
</body> </body>
</html> </html>

10
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;
}
Loading…
Cancel
Save