diff --git a/app.js b/app.js index b64ed48..daefe50 100644 --- a/app.js +++ b/app.js @@ -5,9 +5,11 @@ let game = { mise: 0 } + const bacDom = document.getElementById("banque_score") const joueurDom = document.getElementById("joueur_score") -const tirageDom = document.getElementById("tirage") +const input = document.getElementById("mise_input"); +input.value = game.mise bacDom.innerText = game.bac joueurDom.innerText = game.joueur @@ -17,6 +19,7 @@ function nbAlea(){ // Anime les rouleaux function rotate(rouleau, angle){ +<<<<<<< HEAD let i = 0; let interval = setInterval(() => { if (i >= angle){ @@ -27,6 +30,22 @@ function rotate(rouleau, angle){ rouleau.style.transform = 'rotate3d(1,0,0,'+i+'deg)'; } }, 5); +======= + return new Promise((resolve, reject) => { + let i = 0; + let interval = setInterval(() => { + if (i >= angle){ + rouleau.style.transform = 'rotate3d(1,0,0,'+angle+'deg)'; + clearInterval(interval); + resolve() + } + else { + i += 9; + rouleau.style.transform = 'rotate3d(1,0,0,'+i+'deg)'; + } + }, 5); + }) +>>>>>>> ed8a1808293ee88f1efde28836b84c43b34781eb } @@ -48,30 +67,40 @@ function tirette(){ }, 20); } -function tirage(){ +async function tirage(){ let numbers = [nbAlea(), nbAlea(), nbAlea()] +<<<<<<< HEAD console.log(numbers); rotate(document.getElementsByClassName("cube")[0], Math.floor(Math.random()*(15-1)+1)*360 - numbers[0]*36); rotate(document.getElementsByClassName("cube")[1], Math.floor(Math.random()*(15-1)+1)*360 - numbers[1]*36); rotate(document.getElementsByClassName("cube")[2], Math.floor(Math.random()*(15-1)+1)*360 - numbers[2]*36); +======= + await Promise.all([ + rotate(document.getElementsByClassName("cube")[0], (Math.floor(Math.random()*15)*360) - (numbers[0]*36)), + rotate(document.getElementsByClassName("cube")[1], (Math.floor(Math.random()*15)*360) - (numbers[1]*36)), + rotate(document.getElementsByClassName("cube")[2], (Math.floor(Math.random()*15)*360) - (numbers[2]*36)) + ]) +>>>>>>> ed8a1808293ee88f1efde28836b84c43b34781eb return numbers } -function jeu(){ +async function jeu(){ if(game.inGame) return; - tirette() + game.inGame = true - game.mise = parseInt(document.getElementById("mise_input").value) + //game.mise = parseInt(document.getElementById("mise_input").value) if(game.mise > 100 || game.mise < 0 || game.mise > game.joueur){ console.log("erreur: pas possible jouer") + game.inGame = false return } + tirette() game.joueur -= game.mise game.bac += game.mise - let tirageNumbers = tirage() //[2,1,2] + let tirageNumbers = await tirage() //[2,1,2] //console.log(tirageNumbers) - tirageDom.innerText = tirageNumbers + document.getElementById("tirage").innerText = tirageNumbers let gain_retour = gain(tirageNumbers) console.log(gain_retour) @@ -80,9 +109,10 @@ function jeu(){ game.joueur += gain_retour joueurDom.innerText = game.joueur - if(game.bac < 500){ - console.log("fin de partie") - } + console.log(game.mise) + input + if(game.bac < 500) console.log("fin de partie") + if(!game.jouer <= 0) game.inGame = false } function gain(tirage){ @@ -106,6 +136,15 @@ function regles(){ //afficher règles } +input.addEventListener("input", (e)=>{ + let inputMise = e.target.value; + if(isNaN(inputMise)) e.target.value = game.mise; //autre que 0-9 entré + else if(parseInt(e.target.value) > 100) {e.target.value = 100; game.mise = 100;} //sup à 100 + else if(inputMise == "") game.mise = 0 + else game.mise = parseInt(e.target.value); //nbr entre 0-9 +}) + + for (let i = 0; i < 10; i++) { //console.log(i); for (var j = 0; j < 3; j++) {