diff --git a/app.js b/app.js index ac375fa..9e36693 100644 --- a/app.js +++ b/app.js @@ -1,72 +1,80 @@ -/* Groupe d'Alexandre ABOULIN, Michel WANG et Sacha SERNY -import random - -var rules = """Vous allez insérer le nombre de jeton que vous possédez -Vous allez insérer un certain nombre de jeton entre 0 et 100 afin de pouvoir jouer -Voici les règle du jeu : -- 3 chiffres seront tirés aléatoirements entre 0 et 9; -- si vous tirez deux chiffres identiques vous obtenez 3 fois votre mise; -- si vous arrivez à tirer 3 chiffres identiques, différents du chiffre 9, alors vous recevrez 6 fois la mise que vous avez saisie au début; -- [JACKPOT] dans le cas où vous êtes chanceux et que vous arrivez à tirer trois fois le chiffre '9', alors vous recevrez tous les jetons du bac; -- mais dans le cas contraire, si vous avez obtenu 3 chiffres, tous différents les un des autres, alors vous ne recevrez rien et vous aurez perdu votre mise; -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""" -*/ - +/* Groupe de Michel WANG et Sacha SERNY +HTML et CSS : Michel WANG +Javascript : Sacha SERNY*/ function nbAlea() { - return Math.floor(Math.random() * 10); -} -function gain(tirage) { - player_coins = player_coins - mise - machine_coins = machine_coins + mise - 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") - } -} -function update_stats() { - document.getElementById('machine_coins').innerText = machine_coins - document.getElementById('player_coins').innerText = player_coins -} - -function regle() { - btn.appendChild(button_1); - document.body.appendChild(button); -} -// Init -var rouleaux = document.querySelectorAll(".rouleaux #board") -rouleaux.forEach(rouleau => { - rouleau.innerText = 0 -}); -var mise = 0 -var machine_coins = 1000 -var player_coins = 100 -document.getElementById("valider").addEventListener("click", jeu); -// jeu -function jeu() { - mise = parseInt((document.getElementById('mise').value), 10) - console.log(mise) - if (player_coins >= mise && machine_coins > mise * 3) { - var tirage = [nbAlea(), nbAlea(), nbAlea()] - for (let i = 0; i < 3; i++) { - rouleaux[i].innerText = tirage[i]; - - } - console.log(tirage) - gain(tirage) - update_stats() - } -} + /* renvoie un entier entre 0 et 9 */ + return Math.floor(Math.random() * 10); + } + + function gain(tirage) { + /* calcule les gains et génére les messages liés */ + let phrase = "" + player_coins = player_coins - mise + machine_coins = machine_coins + mise + if (tirage == [9, 9, 9]) { + player_coins = player_coins + machine_coins + machine_coins = 0 + phrase = "Bingo ! Vous avez gagné tous les jetons. \n " + } else if (tirage[0] == tirage[1] && tirage[1] == tirage[2]) { + player_coins = player_coins + 6 * mise + machine_coins = machine_coins - 6 * mise + phrase = "Bingo ! Vous avez triplé votre mise. \nVous avez gagné " + mise*6 + " jetons." + } else if (tirage[0] == tirage[1] || tirage[1] == tirage[2] || tirage[0] == tirage[2]) { + player_coins = player_coins + 3 * mise + machine_coins = machine_coins - 3 * mise + phrase = "Bingo ! Vous avez doublé votre mise. \nVous avez gagné " + mise*3 + " jetons." + } else { + phrase = "Vous avez perdu vos " + mise + " jetons. \n " + } + // console.log(phrase); + document.getElementById('gain').innerText = phrase + } + + function update_stats() { + /* affiche les données de la partie dans la page HTML */ + document.getElementById('machine_coins').innerText = machine_coins + document.getElementById('player_coins').innerText = player_coins + } + + function regles() { + /* affiche les regles dans la page HTML */ + // console.log(toggle_rules); + let rules = document.getElementById('show_rules') + if (toggle_rules == true) { + rules.style.display = "none" + } else { + rules.style.display = "block" + } + toggle_rules = !toggle_rules + } + + + // Initialisation de la page et des variables + document.getElementById("show_rules").addEventListener("click", regles) + var rouleaux = document.querySelectorAll(".rouleaux div") + // console.log(rouleaux); + rouleaux.forEach(rouleau => { + rouleau.innerText = 0 + }); + var mise = 1 + var machine_coins = 1000 + var player_coins = 100 + var toggle_rules = false + update_stats() + + // Fonction principale du jeu + function jeu() { + /* appelle les fonctiosn nécessaires au fonctionnement du jeu */ + mise = parseInt((document.getElementById('mise').value), 10) + // console.log(mise) + if (player_coins >= mise && machine_coins >= 500 && mise > 0) { + var tirage = [nbAlea(), nbAlea(), nbAlea()] + for (let i = 0; i < 3; i++) { + rouleaux[i].innerText = tirage[i]; + } + // console.log(tirage) + gain(tirage) + update_stats() + } + } \ No newline at end of file diff --git a/index.html b/index.html index c7442b6..7ea62f3 100644 --- a/index.html +++ b/index.html @@ -1,30 +1,12 @@ - -
- - - -