Dépot : Initialisation

2 years ago · 1ea03352ab
9 changed files with 234 additions and 0 deletions
--- a/EV.jpg
+++ b/EV.jpg
--- a/MachineASous.css
+++ b/MachineASous.css
@ -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%;
+}
--- a/MachineASous.html
+++ b/MachineASous.html
@ -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> 
--- a/background.jpg
+++ b/background.jpg
--- a/logo_github.png
+++ b/logo_github.png
--- a/logo_instagram.png
+++ b/logo_instagram.png
--- a/logo_mail.png
+++ b/logo_mail.png
--- a/règle.css
+++ b/règle.css
@ -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);
+}
--- a/règle.html
+++ b/règle.html
@ -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>	&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; • et s'ils sont trois 9, vous recevez tous les jetons dans le bac (bingo). </p>
+			<p>	&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; • 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>