Browse Source

html relier au js

master
CHATAIGNER Gabriel 3 years ago
parent
commit
acbf94ea30
  1. 5
      code.js
  2. 65
      code.js.bak
  3. 8
      machinesous.html
  4. 29
      machinesous.html.bak
  5. 38
      msjs.css.bak

5
code.js

@ -1,7 +1,12 @@
function jeu(){
nbAlea();
gain(nb1, nb2, nb3);
}
function nbAlea() { function nbAlea() {
var nb1 = Math.floor(Math.random() * 10); var nb1 = Math.floor(Math.random() * 10);
var nb2 = Math.floor(Math.random() * 10); var nb2 = Math.floor(Math.random() * 10);
var nb3 = Math.floor(Math.random() * 10); var nb3 = Math.floor(Math.random() * 10);
document.getElementById("n1").innerHTLM = "5";
return nb1, nb2, nb3; return nb1, nb2, nb3;
} }
function gain(nb1, nb2, nb3) { function gain(nb1, nb2, nb3) {

65
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 à laide dun bouton.
Les trois rouleaux « tournent » et sarrêtent sur 3 chiffres au hasard.
Si les trois chiffres sont identiques, alors :
sils 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 linsertion.
sinon (par exemple 2, 2, 2), le joueur reçoit 6 fois la mise (cest-à-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 sarrê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 à laide dun bouton REGLES.
Puis écrire une fonction jeu utilisant les deux premières fonctions qui sera appelée à laide dun bouton
Lancer.
Le programme doit être commenté. (On évitera un commentaire à toutes les lignes ...)

8
machinesous.html

@ -3,7 +3,7 @@
<head> <head>
<title>Trois chiffres aléatoires</title> <title>Trois chiffres aléatoires</title>
<link href="msjs.css" rel="stylesheet"> <link href="msjs.css" rel="stylesheet">
<script scr="code.js"></script> <script type="text/javascript" src="code.js"></script>
</head> </head>
<body> <body>
<header> <header>
@ -13,17 +13,17 @@
<img src="index.jpg"> <img src="index.jpg">
</div> </div>
<ul> <ul>
<li class='n1'>0</li> <li id='n1'>0</li>
<li class='n2'>0</li> <li class='n2'>0</li>
<li class='n3'>0</li> <li class='n3'>0</li>
</ul> </ul>
<h2>Banque</h2> <h2>Banque</h2>
<li class='banque'>1000<li> <li class='banque'>1000</li>
<h2>Vos sous</h2> <h2>Vos sous</h2>
<li class='sous'>100</li> <li class='sous'>100</li>
<h2>Votre mise</h2> <h2>Votre mise</h2>
<input id="mise" TYPE="text" VALUE="5"> <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> <button onclick="regles">Règles :</button>
</header> </header>
</body> </body>

29
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>

38
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;
}
Loading…
Cancel
Save