html relier au js

3 years ago · acbf94ea30
5 changed files with 141 additions and 4 deletions
--- a/code.js
+++ b/code.js
@ -1,7 +1,12 @@
+function jeu(){
+	nbAlea();
+	gain(nb1, nb2, nb3);
+}
 function nbAlea() {
 	var nb1 = Math.floor(Math.random() * 10);
 	var nb2 = Math.floor(Math.random() * 10); 
 	var nb3 = Math.floor(Math.random() * 10);
+	document.getElementById("n1").innerHTLM = "5";
 	return nb1, nb2, nb3;
 }
 function gain(nb1, nb2, nb3) {
--- a/code.js.bak
+++ b/code.js.bak
@ -0,0 +1,65 @@
+function jeu(){
+	nbAlea();
+	gain(nb1, nb2, nb3);
+}
+function nbAlea() {
+	var nb1 = Math.floor(Math.random() * 10);
+	var nb2 = Math.floor(Math.random() * 10); 
+	var nb3 = Math.floor(Math.random() * 10);
+	document.getElementById("n1").textContent="5";
+	return nb1, nb2, nb3;
+}
+function gain(nb1, nb2, nb3) {
+	var mise = document.getElementById('???').innerHTLM;
+	var bac  = document.getElementById('???').innerHTLM;
+	var jeton = document.getElementById('mise').value;
+	var bac = bac + mise;
+	if (nb1 == 9 and nb2 == 9 and nb3 == 9){
+		var jeton = jeton + bac;
+	} else if (nb1 == nb2 and nb2 == nb3) {
+		if (mise*6 > bac) {
+			var jeton = jeton + bac;
+			var bac = 0;
+		} else {
+			var jeton = jeton + 6*mise;
+			var bac = bac - 6*mise;
+		}
+	} else if (nb1 == nb2 or nb2 == nb3 or nb1 == nb3) {
+		if (mise*3 > bac) {
+			var jeton = jeton + bac;
+			var bac = 0;
+		} else {
+			var jeton = jeton + mise*3;
+			var bac = bac - mise*3;
+		}
+	}
+}
+
+
+
+
+
+
+
+
+Initialement, il y a 1000 jetons dans le bac de la machine.
+2. Un joueur possède initialement S = 100 jetons.
+3. Pour lancer le jeu, le joueur doit insérer x jetons dans la machine (x est à saisir au clavier avec 0 ... x ... 100
+et 0 ... x ... S dans un input), puis on lance le jeu à l’aide d’un bouton.
+Les trois rouleaux « tournent » et s’arrêtent sur 3 chiffres au hasard.
+• Si les trois chiffres sont identiques, alors :
+• s’ils sont 9, 9, 9, le joueur reçoit tous les jetons dans le bac (bingo). Notons que la mise (x jetons) tombe
+dans le bac dès l’insertion.
+• sinon (par exemple 2, 2, 2), le joueur reçoit 6 fois la mise (c’est-à-dire, 6x jetons).
+• Sinon, si parmi les trois chiffres il y en a deux qui sont identiques (par exemple 4, 1, 4), alors le joueur
+reçoit 3 fois la mise (3x jetons).
+• Autrement, il ne reçoit rien de la machine.
+Le jeu s’arrête quand le nombre total de jetons dans le bac est inférieur a 500 ou si le joueur ferme la page. À
+chaque tour est affiché le nombre de jetons en banque et le nombre de jetons possédés.
+Pour que le programme soit plus clair il est demandé de créer les fonctions JavaScript suivantes (on respectera
+les noms) :
+
+• Une fonction regles qui présente le jeu et affiche les règles dans la page à l’aide d’un bouton REGLES.
+Puis écrire une fonction jeu utilisant les deux premières fonctions qui sera appelée à l’aide d’un bouton
+Lancer.
+Le programme doit être commenté. (On évitera un commentaire à toutes les lignes ...)
--- a/machinesous.html
+++ b/machinesous.html
@ -3,7 +3,7 @@
 <head>
 	<title>Trois chiffres aléatoires</title>
 	<link href="msjs.css" rel="stylesheet">
-	<script scr="code.js"></script>
+	<script type="text/javascript" src="code.js"></script>
 </head>
 <body>
 		<header>
@ -13,17 +13,17 @@
 				<img src="index.jpg">
 			</div>
 			<ul>
-				<li class='n1'>0</li>
+				<li id='n1'>0</li>
 				<li class='n2'>0</li>
 				<li class='n3'>0</li>
 			</ul>
 			<h2>Banque</h2>
-			<li class='banque'>1000<li>
+			<li class='banque'>1000</li>
 			<h2>Vos sous</h2>
 			<li class='sous'>100</li>
 			<h2>Votre mise</h2>
 			<input id="mise" TYPE="text" VALUE="5">
-			<button onclick="nbAlea()"onclick="gain()">Lancez !</button>
+			<button onclick="jeu()">Lancez !</button>
 			<button onclick="regles">Règles :</button>
 		</header>
 </body>
--- a/machinesous.html.bak
+++ b/machinesous.html.bak
@ -0,0 +1,29 @@
+<!DOCTYPE hmtl>
+<html lang ="fr">
+<head>
+	<title>Trois chiffres aléatoires</title>
+	<link href="msjs.css" rel="stylesheet">
+	<script type="text/javascript" src="code.js"></script>
+</head>
+<body>
+		<header>
+			<h1> MACHINE A SOUS</h1>
+			<p> Prêt à tenter sa chance ?</p>
+			<div class="imageD">
+				<img src="index.jpg">
+			</div>
+			<ul>
+				<span id='n1'>0</span>
+				<span class='n2'>0</span>
+				<span class='n3'>0</span>
+			</ul>
+			<h2>Banque</h2>
+			<li class='banque'>1000</li>
+			<h2>Vos sous</h2>
+			<li class='sous'>100</li>
+			<h2>Votre mise</h2>
+			<input id="mise" TYPE="text" VALUE="5">
+			<button onclick="jeu()">Lancez !</button>
+			<button onclick="regles">Règles :</button>
+		</header>
+</body>
--- a/msjs.css.bak
+++ b/msjs.css.bak
@ -0,0 +1,38 @@
+
+header
+{
+  background-color: #687C96;
+  background-repeat: no-repeat;
+  position: fixed;
+  background-size: 100% 100%;
+  width: 100%;
+  text-align:center;
+  height: 100%;
+}
+header h1
+{
+  font-family: arial;
+  text-align: center;
+  color: rgba(255,120,3,1);
+  font-size: 3em;
+  text-shadow: 2pt 2pt 4pt black;
+}
+
+header p
+{
+	
+}
+
+button
+{
+	width:5%;
+	height:5%;
+}
+
+ul span
+{
+	display:inline;
+	font-size: 2em;
+	padding:2%;
+	color: orange;
+}