9 changed files with 234 additions and 0 deletions
|
After Width: | Height: | Size: 212 KiB |
@ -0,0 +1,73 @@ |
|||||
|
body |
||||
|
{ |
||||
|
margin: 0; |
||||
|
font-size: 1.1em; |
||||
|
background: url(background.jpg); |
||||
|
background-repeat: no-repeat; |
||||
|
background-size: 100% 100%; |
||||
|
background-attachment: fixed; |
||||
|
} |
||||
|
|
||||
|
.Menu |
||||
|
{ |
||||
|
text-align: center; |
||||
|
color: rgb(110, 204, 175); |
||||
|
} |
||||
|
|
||||
|
.presentation |
||||
|
{ |
||||
|
left: 500%; |
||||
|
border: 1px solid black; |
||||
|
} |
||||
|
|
||||
|
th, td { |
||||
|
border: 1px solid black; |
||||
|
} |
||||
|
|
||||
|
.text |
||||
|
{ |
||||
|
position: relative; |
||||
|
right: 30%; |
||||
|
color: white; |
||||
|
font-size: 1.2em; |
||||
|
} |
||||
|
|
||||
|
.insta |
||||
|
{ |
||||
|
width: 50px; |
||||
|
height: auto; |
||||
|
} |
||||
|
|
||||
|
.logo |
||||
|
{ |
||||
|
width: 300px; |
||||
|
height: auto; |
||||
|
} |
||||
|
|
||||
|
.rouleau1 |
||||
|
{ |
||||
|
width: 500px; |
||||
|
height: auto; |
||||
|
font-size: 2em; |
||||
|
margin-left: 41%; |
||||
|
margin-top: 2%; |
||||
|
color: gold; |
||||
|
} |
||||
|
|
||||
|
.Nbr |
||||
|
{ |
||||
|
text-align: center; |
||||
|
padding-bottom: 5%; |
||||
|
} |
||||
|
|
||||
|
.banque |
||||
|
{ |
||||
|
text-align: center; |
||||
|
padding-bottom: 5%; |
||||
|
} |
||||
|
|
||||
|
.sous |
||||
|
{ |
||||
|
text-align: center; |
||||
|
padding-bottom: 5%; |
||||
|
} |
||||
@ -0,0 +1,84 @@ |
|||||
|
<!DOCTYPE html> |
||||
|
<html lang="fr"> |
||||
|
<script> |
||||
|
banque = 1000; |
||||
|
sous = 100; |
||||
|
function nbAlea() { |
||||
|
nbr1 = Math.floor(Math.random() * 10); |
||||
|
nbr2 = Math.floor(Math.random() * 10); |
||||
|
nbr3 = Math.floor(Math.random() * 10); |
||||
|
document.getElementById("PlaceNbr1").innerHTML = nbr1; |
||||
|
document.getElementById("PlaceNbr2").innerHTML = nbr2; |
||||
|
document.getElementById("PlaceNbr3").innerHTML = nbr3; |
||||
|
gain() |
||||
|
} |
||||
|
|
||||
|
function gain() { |
||||
|
if (banque < 500) { |
||||
|
checkRefresh(); |
||||
|
} else if (nbr1 == 9 && nbr2 == 9 && nbr3 == 9) { |
||||
|
result = "Bingo !"; |
||||
|
sous = sous + banque; |
||||
|
banque = 0; |
||||
|
console.log("Bingo"); |
||||
|
} else if (nbr1 == nbr2 && nbr2 == nbr3) { |
||||
|
result = "Mini Bingo !"; |
||||
|
sous = sous + 6*Number(document.getElementById("searchbar").value); |
||||
|
banque = banque - 6*Number(document.getElementById("searchbar").value); |
||||
|
console.log("Mini Bingo"); |
||||
|
} else if (nbr1 == nbr2) { |
||||
|
result = "Gagné !"; |
||||
|
sous = sous + 3*Number(document.getElementById("searchbar").value); |
||||
|
banque = banque - 3*Number(document.getElementById("searchbar").value); |
||||
|
console.log("Gagné"); |
||||
|
} else if (nbr1 == nbr3) { |
||||
|
result = "Gagné !"; |
||||
|
sous = sous + 3*Number(document.getElementById("searchbar").value); |
||||
|
banque = banque - 3*Number(document.getElementById("searchbar").value); |
||||
|
console.log("Gagné"); |
||||
|
} else if (nbr2 == nbr3) { |
||||
|
result = "Gagné !"; |
||||
|
sous = sous + 3*Number(document.getElementById("searchbar").value); |
||||
|
banque = banque - 3*Number(document.getElementById("searchbar").value); |
||||
|
console.log("Gagné"); |
||||
|
} else { |
||||
|
result = "Perdu !"; |
||||
|
sous = sous - Number(document.getElementById("searchbar").value); |
||||
|
banque = banque + Number(document.getElementById("searchbar").value); |
||||
|
console.log("Perdu"); |
||||
|
} |
||||
|
document.getElementById("Gain").innerHTML = result; |
||||
|
document.getElementById("Banque").innerHTML = banque; |
||||
|
document.getElementById("Sous").innerHTML = sous; |
||||
|
} |
||||
|
|
||||
|
function checkRefresh() { |
||||
|
console.log("ARRET!"); |
||||
|
window.location.reload(); |
||||
|
} |
||||
|
|
||||
|
function regles() { |
||||
|
document.location.href="règle.html"; |
||||
|
} |
||||
|
</script> |
||||
|
<head> |
||||
|
<title> Unicron03 </title> |
||||
|
<link href="MachineASous.css" rel="stylesheet"> |
||||
|
<link rel="icon" type="image/x-icon" href="EV.jpg" /> |
||||
|
</head> |
||||
|
<body> |
||||
|
<h1 class="Menu"> Présentation </h1> |
||||
|
<table class="presentation"> |
||||
|
<tr> |
||||
|
<td> <a href="https://www.instagram.com/unicron_e"> <img class="insta" src="logo_instagram.png" title="Logo_Instagram"> </a> </td> |
||||
|
<td rowspan="3"> <img class="logo" src="EV.jpg" title="Logo_profil"> </td> |
||||
|
</tr |
||||
|
<tr> |
||||
|
<td> <a href="mailto:enzo.vandepoele2@gmail.com"> <img class="insta" src="logo_mail.png" title="Logo_Mail"> </a> </td> |
||||
|
</tr> |
||||
|
<tr> |
||||
|
<td> <a href="https://github.com/Unicron03"> <img class="insta" src="logo_github.png" title="Logo_Github"> </a> </td> |
||||
|
</tr> |
||||
|
</table> |
||||
|
</body> |
||||
|
</html> |
||||
|
After Width: | Height: | Size: 732 KiB |
|
After Width: | Height: | Size: 45 KiB |
|
After Width: | Height: | Size: 25 KiB |
|
After Width: | Height: | Size: 14 KiB |
@ -0,0 +1,50 @@ |
|||||
|
body |
||||
|
{ |
||||
|
margin: 0; |
||||
|
font-size: 1.1em; |
||||
|
background: url("Fond2.jpg"); |
||||
|
background-repeat: no-repeat; |
||||
|
background-size: 100% 100%; |
||||
|
background-attachment: fixed; |
||||
|
} |
||||
|
|
||||
|
article |
||||
|
{ |
||||
|
text-align:left; |
||||
|
padding-left:4%; |
||||
|
margin-top:1%; |
||||
|
font-size: 120%; |
||||
|
} |
||||
|
|
||||
|
.styled |
||||
|
{ |
||||
|
border: 0; |
||||
|
margin-top:0%; |
||||
|
background-attachment: relative; |
||||
|
font-size:1em; |
||||
|
width: 200px; |
||||
|
height: 75px; |
||||
|
display:inline-block; |
||||
|
line-height: 2.5; |
||||
|
color: white; |
||||
|
cursor: pointer; |
||||
|
text-shadow: 1px 1px 1px #000; |
||||
|
border-radius: 40px; |
||||
|
background-color: rgba(220, 0, 0, 1); |
||||
|
background-image: linear-gradient(to top left, |
||||
|
rgba(0, 0, 0, .2), |
||||
|
rgba(0, 0, 0, .2) 30%, |
||||
|
rgba(0, 0, 0, 0)); |
||||
|
box-shadow: inset 2px 2px 3px rgba(255, 255, 255, .6), |
||||
|
inset -2px -2px 3px rgba(0, 0, 0, .6); |
||||
|
} |
||||
|
|
||||
|
.styled:hover { |
||||
|
background-color: rgba(0, 0, 0, 0); |
||||
|
color: red |
||||
|
} |
||||
|
|
||||
|
.styled:active { |
||||
|
box-shadow: inset -2px -2px 3px rgba(255, 255, 255, .6), |
||||
|
inset 2px 2px 3px rgba(0, 0, 0, .6); |
||||
|
} |
||||
@ -0,0 +1,27 @@ |
|||||
|
<!DOCTYPE html> |
||||
|
<html lang="fr"> |
||||
|
<head> |
||||
|
<title> Règles </title> |
||||
|
<link rel="icon" type="image/x-icon" href="EV.jpg" /> |
||||
|
<link href="règle.css" rel="stylesheet"> |
||||
|
</head> |
||||
|
<body> |
||||
|
<article class="règles"> |
||||
|
<p> Bienvenue sur le meilleur simulateur de machine à sous gratuit: </p> |
||||
|
<p> <u> Voici les règles : </u> </p> |
||||
|
<p> Initialement, il y a 1000 jetons dans le bac de la machine. </p> |
||||
|
<p> Vous possédez initialement 100 jetons. </p> |
||||
|
<p> Pour lancer le jeu, vous devez insérer x jetons dans la machine (x est à saisir via la barre de recherche), </p> |
||||
|
<p> puis lancez le jeu à l’aide du bouton"lancer". </p> |
||||
|
<p> Les trois rouleaux affichent 3 chiffres au hasard. </p> |
||||
|
<p> Si les trois chiffres sont identiques : </p> |
||||
|
<p> • et s'ils sont trois 9, vous recevez tous les jetons dans le bac (bingo). </p> |
||||
|
<p> • sinon (par exemple 2, 2, 2), vous recevez 6 fois votre mise. </p> |
||||
|
<p> Si parmi les trois chiffres il y en a deux qui sont identiques (par exemple 4, 1, 4), alors vous recevez 3 fois votre mise. </p> |
||||
|
<p> si tous les chifres sont différent vous ne reçevez rien et perdez votre mise. </p> |
||||
|
<p> Le jeu s’arrête quand le nombre total de jetons dans le bac est inférieur a 500 ou si la page est fermée. </p> |
||||
|
<p> A chaque tour est affiché le nombre de jetons en banque et le nombre de jetons possédés. </p> |
||||
|
<input type="button" class="styled" onclick="window.location.href = 'MachineASous.html';" value="Revenir au jeu"/> |
||||
|
</article> |
||||
|
</body> |
||||
|
</html> |
||||
Loading…
Reference in new issue