Calcul de probabilité

Version imprimable

Salut !! Donc je galère depuis hier soir dessus donc on va dire presque 8h et je m'avoue vaincu !!
Je vais essayé d'être au plus clair avec mes codes car j'ai fait tellement d’essais que je commence à me perdre aussi !!

Donc on essaye de trouver le bon chiffre en fonction d'un choix de l'ordi et si c'est pas bon... une aide sous forme de probabilité apparait
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 <!doctype html> <html lang="fr"> <head> <meta charset="utf-8"> <title>Proba</title> <link rel="stylesheet" href="style.css"> </head> <body> <div id="choix"> <div id="up">UP</div> <div id="number"></div> <div id="down">DOWN</div> <button id="validation">VALIDER</button> <button id="proba">Probabilité</button> <p id="text"></p> </div> </body> <script src="index.js"></script> </html>
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 var num = document.getElementById('number'); var up = document.getElementById('up'); var down = document.getElementById('down'); var validation = document.getElementById('validation'); var proba = document.getElementById('proba'); var ia = Math.floor(Math.random() * 6 + 1); console.log(ia); up.addEventListener('click',ajout); down.addEventListener('click',enlev); validation.addEventListener('click',valide); proba.addEventListener('click', probabil); var min = 1; var max = 6; var iValid = i; num.innerHTML = min; var i = min; /* --- Création d'un tableau pour les probabilités--- */ var tabproba = []; y = 1 while(y<=6){ tabproba.push(y); y++ } /* --- partie fonction --- */ function ajout(){ if(i < max){ i++ } return valor(); } function enlev(){ if(i > min){ i--; } return valor(); } function valor(){ num.innerHTML = i; if(i !== iValid){ validation.disabled = false; } return i; } function valide(){ var list = document.getElementById('text') list.innerHTML = list.innerHTML + "Vous avez choisi le chiffre n° " + i +"<br>"; iValid = i; validation.disabled = true; } function probabil(){ var result = document.getElementById('resultat'); var help = document.getElementById('probatxt'); var ref = tabproba.indexOf(i); var del = tabproba[ref]; if(i > ia){ result.innerHTML = "Ce chiffre est trop grand !" x = i; while(x<tabproba.length){ tabproba.splice(0, 1); x++ } help.innerHTML += "Vous avez 1 chance sur " + tabproba.length + " de trouver la bonne réponse <br>" }else if(i < ia){ result.innerHTML = "Ce chiffre est trop petit !" x = 1; while(x<=del){ tabproba.splice(0, 1); x++ } help.innerHTML += "Vous avez 1 chance sur " + tabproba.length + " de trouver la bonne réponse <br>" } }
Donc en faite l'idée est de faire un tableau et de créer une jonction entre le choix du joueur et ce tableau. En fonction du choix du joueur, on va chercher l'index du tableau en fonction de sa réponse, puis supprimer les parties du tableau qui deviennent inutile pour avoir une nouvelle longueur de tableau et ainsi avoir un nouveau chiffre de probabilité...
Exemple : Le chiffre choisie par l'IA est 6, le joueur choisie 3, le texte va lui dire qu'il est trop petit est qu'il lui reste du coup une chance sur 3 de trouver la bonne réponse, car on aura retiré le 1 le 2 et le 3 !! Le souci c'est qu'après notre tableau a le chiffre 4 à l'indice 0, 5 à l'indice 1 et 6 à l'indice 2, et que si le joueur après choisi le 4, avec mon code, ça enlève tout ce qui est normal... Bref c'est assez complexe quand même

PS : comme vous pouvez le voir a travers mon code un peu bateau, je suis encore dev junior... donc merci d'éviter Querry et les codes trop complexe

25/10/2019, 21h40
Invité
Bonjour,

Je pense que tu t'es pris la tête pour pas grand chose.

1- Il a simplement toujours 1 chance sur (max - min + 1) *.
Il suffit de mettre à jour, soit min, soit max, avec le choix du joueur.

2- * A moins que les chiffres ne se suivent pas ! ** (Ce qui peut être intéressant aussi !)
Exemple : trouver une chiffres parmi [12, 24, 27, 38, 52,....., 98].

Là, on peut effectivement passer par un tableau, en supprimant à chaque tour :
- soit ceux plus petits,
- soit ceux plus grands
On aura alors 1 chance sur arr.length.

** Cela dit, cette 2ème méthode fonctionne aussi dans le 1er cas.

N.B. Les indices du tableau n'ont aucun rôle à jouer ici.

:salut:

Code:

1
2
3
  // inconnus !
    let result = document.getElementById('resultat');
    let help = document.getElementById('probatxt');

25/10/2019, 22h04
javatwister
Citation:
Envoyé par danielhagnoul

:salut:

Code:

1 2 3 // inconnus ! let result = document.getElementById('resultat'); let help = document.getElementById('probatxt');
Déjà oui!

Et puis si tu repenses au "fond du problème", tu peux largement simplifier ton code;
Tu as quand même 5 fonctions et un très grand nombre de variables, pour un "plus ou moins"...

Imaginons ce html

Code:

1
2
3
4
5
6
7
8
<div>
	<label for="choix">Saisissez un nombre entre 1 et 6.
		<input id="choix" type="text" size="1" maxlength="1" />
	</label>
	<button id="val">Tester</button>
        <button id="start">Nouvelle partie</button>
        <p id="text"></p>
</div>

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
document.getElementById("start").addEventListener("click",()=>{
	const ch = document.getElementById("choix");
	const t = document.getElementById("text");
	t.innerHTML="";
	ch.value="";
	const alea=Math.floor(Math.random() * 6 + 1);
 
	document.getElementById("val").addEventListener("click",()=>{
		if(isNaN(ch.value)|| ch.value>6 || ch.value<1){
			t.innerHTML="Vous n'avez rien compris... Relisez la consigne.";
		}
		else{
			t.innerHTML = (ch.value!=alea) ?
			ch.value < alea ?
			`plus grand! Vous avez 1 chance sur ${Number(6-ch.value)}.`:
			`plus petit! Vous avez 1 chance sur ${Number(ch.value-1)}.`:
			"Bravo! Vous pouvez tenter une nouvelle partie."
		}
	},false)
},false);

http://javatwist.imingo.net/plusmoins2.htm (ouvre la console pour voir le nombre choisi.)

26/10/2019, 13h24
Invité
@javatwister
1- Tu devrais définir "6" et "1" comme constantes (max / min).

2- Peux-tu proposer une solution avec un array/objet ? *

* En fait, ce principe pourrait aussi s'appliquer, non plus avec des chiffres, mais avec des "caractéristiques".

Je pense au jeu : "Qui est-ce ?".
- chaque personnage possède plusieurs "caractéristiques" : "moustache", "chapeau", "lunettes", "cheveux blonds",.....
- il n'y a pas deux personnages qui ont un groupe de caractéristiques identique (ce qui permet par conséquent de l'identifier)
En énonçant une "Le personnage a-t-il telle caractéristique ?", la réponse sera oui ou non (true/false) :
- on élimine ceux qui ne correspondent pas
- on peut indiquer le nombre de personnages restants (1 chance sur x restants).
26/10/2019, 13h38
javatwister

Eh bien comme tu le disais dans ton précédent messsage, je ne vois pas l'intérêt d'un tableau ici vu le "protocole" de départ (1 entier dans une plage continue).
26/10/2019, 14h17
javatwister

(Je réponds après ton édit);
Oui, je vois bien le principe du Qui est-ce? mais là, on part un peu loin de la demande!
26/10/2019, 16h22
Invité

Citation:

Envoyé par d3LTa7

...je suis encore dev junior...

Je me trompe peut-être, mais à mon vis, d3LTa7 cherche juste à se former, en faisant des EXERCICES pratiques.

1- C'est pourquoi il me semble intéressant de traiter aussi le cas avec un array, pour voir une autre manière de faire.

2- Et je lui en propose simplement un autre, un peu plus ambitieux, dès qu'il aura terminé celui-ci.

Salut et désolé de ne répondre que maintenant... Long week end !!

Donc effectivement au départ je ne voulais pas me prendre autant la tête et je voulais faire comme tu disais Jreaux sauf que j'ai essayé et ca ne peut pas marcher... Ou alors je ne comprend pas :
Code:

1 2 3 4 5 var probamin = 1 var probamax = 6 var proba = probamax - probamin + 1 // = 6 console.log("vous avez 1 chance sur " + proba + " de trouver le bon chiffre") // ici on aura bien "6" au tour 0
Ok ici on est bon... Mais admettons que le joueur choisisse le chiffre 5 au 1er tour, on va donc modifier probamax avec ce chiffre et du coup on aura :
Code:

1 2 3 4 5 var probamin = 1 var probamax = 5 var proba = probamax - probamin + 1 // = 5 console.log("vous avez 1 chance sur " + proba + " de trouver le bon chiffre") // du coup on aura "5" alors que c'est faux ! il n'a plus qu'une chance sur 4, vu qu'on lui dit que 5 est trop grand il ne reste plus que le 1 le 2 le 3 et le 4
Donc je vois pas comment faire avec ce simple calcul !!

Sinon merci aux autres pour vos réponses, mais comme je l'ai dit dans mon message je suis encore débutant et je m'entraine sur des choses basique pour bien comprendre donc j'utilise ptet pas forcément bien les "let" ou "const" et encore moins le JQuery... J'utilise p'tet beaucoup trop de variable et je fais des choses qui prend 10 lignes... mais j'y vois plus clair comme ça !
Au début j'étais effectivement sur un <form> mais pour une question purement esthétique je voulais de la simple div et du bouton pour avoir une sélection de chiffre un peu plus chouette =)

Bonjour,

Là, on est vraiment à la base de la base.......

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
"use strict"; // IMPORTANT : permet d'afficher TOUTES les erreurs (et donc de les CORRIGER)
const choix = document.getElementById('choix'); // input
const validation = document.getElementById('validation');
const proba = document.getElementById('proba');
 
var val_good = 4; // valeur à trouver
var val_min = 1;
var val_max = 6;
var win = false;
 
validation.addEventListener("click", function(){
   let val_choix = choix.value;
   if( val_choix < val_good ){
      val_min = val_choix;
      win = false;
   } else if( val_choix > val_good ){
      val_max = val_choix;
      win = false;
   } else {
      win = true;
   }
   // -----------
   // Affichage
   if( win )
   {
      console.log("Vous avez gagné !");
   } else {
      console.log("vous avez 1 chance sur " + (probamax - probamin + 1) + " de trouver le bon chiffre");
   }
   // -----------
});

28/10/2019, 15h03
javatwister

Oui... J'ai l'impression que tu mélanges encore un peut tout: "tableau", "let", "form", "JQuery"...
Tout cela n'est pas du même ordre; je pense qu'il faut que tu revoies les interactions HTML / javascript, puis les objets et méthodes de base qu'on utilise pour calculer, modifier l'aspect d'une page, permettre à l'utilisateur d'agir sur la page...;

bref, jette un œil quand même au rendu que je te propose, juste pour savoir si le tout est fonctionnel ou pas; après, on peu reparler code!
28/10/2019, 15h08
Invité
@javatwister
Si tu parles de ton code ici, il est trop "haut perché" !
- Non seulement tu ne mets aucune explication,
- Mais tu utilise des conditions ternaires imbriquées... :cfou:
Ça n'aide pas du tout à la compréhension de ton code...
28/10/2019, 15h25
javatwister

J'entends bien. Le but était juste d'illustrer le projet avec une interface basique. C'est peut-être mettre la charrue avant les boeufs mais dans ce genre de jeux il y a toujours pas mal de contrôles à prendre en compte pour que le client soit guidé et ne fasse pas n'importe quoi.
28/10/2019, 15h28
javatwister

D'ailleurs, mon code a encore beaucoup dégénéré quand j'ai commencé à réfléchir à la mise en pratique :ptdr::ptdr:

http://javatwist.imingo.net/plusmoins2.htm
28/10/2019, 18h40
d3LTa7

Sur votre respect, je crois qu'on s'est vraiment pas très bien compris...

Déjà je n'ai pas essayé les code précédents mais la j'ai quand même du essayé car je savais à quoi m'attendre... et le résultat n'est pas du tout celui que je veux !! je cherche à faire une probabilité sur "plus grand" et "plus petit"

On va parler un peu logique pour commencer...

Si je demande à une personne de trouver le chiffre auquel je pense est qui est entre 1 et 6 inclu, ca veut dire que la personne à 1 chance sur 6....
je vais penser au chiffre 4 et il va me dire 3, je vais lui dire, Non le chiffre est trop petit !! il ne lui restera que 1 chance sur 3 de trouver, car c élimine automatiquement le 3 le 2 et le 1 !!

La j'ai testé le code, et non non non non non et non c'est pas ca que je veux !! Outre le faite qu'il y a une erreur ligne 28 avec le nom des variables, là c'est pas du tout cas... le joueur a 6 chance et ca élimine a chaque tour une chance... La oui c'est pas très dur.... j'aurais pas eu besoin de poser une question pour faire cela... Ce que je demande est un chouilla plus complexe !!!
28/10/2019, 18h45
Invité

Euhhh. Tu crois que tu vas nous apprendre le jeu du "plus grand, plus petit" ? :weird:

Et en plus, on se fait eng.....ler.... ? :calim2:
28/10/2019, 19h15
d3LTa7

BA non je vous gronde pas roooo c'est juste que j'ai l'impression de ne pas avoir été compris !! :zen:
28/10/2019, 20h23
javatwister

Citation:

Envoyé par d3LTa7

BA non je vous gronde pas roooo c'est juste que j'ai l'impression de ne pas avoir été compris !! :zen:

En fait, si, ça y est! en fin de compte, avec le camarade jreaux62, on a compris comment marche le plus ou moins! Et on est super content d'avoir appris tout ça; peu importe si tu n'as rien compris à ce qu'on te propose, nous ça nous a presque donné envie de ranimer ce jeu pour calculatrice 8-)
28/10/2019, 22h16
mathieu

j'ai l'impression que d3LTa7 voulait calculer la probabilité après avoir fait plusieurs choix.
si par exemple la 1re proposition 10 est trop grande, il reste 9 possibilités.
mais ensuite si on propose 5 qui est trop petit, il reste seulement 4 possibilités, de 6 à 9.

j'ai repris le code de javatwister et j'ai rajouté les lignes 55 à 59 :
https://codesandbox.io/s/wizardly-banach-hy5er
28/10/2019, 23h18
javatwister

Citation:

Envoyé par mathieu

j'ai l'impression que d3LTa7 voulait calculer la probabilité après avoir fait plusieurs choix.
si par exemple la 1re proposition 10 est trop grande, il reste 9 possibilités.
mais ensuite si on propose 5 qui est trop petit, il reste seulement 4 possibilités, de 6 à 9.

Ah bon? Bravo à toi alors, d'avoir déchiffré cette énigme8-) j'avoue que je n'ai toujours pas de certitude... :roll:
29/10/2019, 00h09
javatwister

Merci en tout cas, j'ai ajouté les lignes au fichier! ;)
29/10/2019, 10h34
danielhagnoul

Citation:

Envoyé par mathieu

j'ai l'impression que d3LTa7 voulait calculer la probabilité après avoir fait plusieurs choix.
si par exemple la 1re proposition 10 est trop grande, il reste 9 possibilités.
mais ensuite si on propose 5 qui est trop petit, il reste seulement 4 possibilités, de 6 à 9.

j'ai repris le code de javatwister et j'ai rajouté les lignes 55 à 59 :
https://codesandbox.io/s/wizardly-banach-hy5er

:salut:

Bel effort, mais il y a un petit problème, le programme compare systématiquement un string avec un nombre !

En conséquence, on peut casser le jeu en modifiant el("choix").value != alea en el("choix").value !== alea.

Cette manière de reconstruire chaque el() à chaque appel est non performante et un mauvais exemple pour un débutant qui risque de l'adopter dans tous ces codes.

Oui, j'avoue que tout ça n'est pas très rigoureux mais j'assume et puis on est partis de loin...

J'ai un peu corrigé mais je garde ma fonction de raccourci el(), merci!

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
window.addEventListener("load",()=>{
	const el = (bal)=>{return document.getElementById(bal)};
	el("start").addEventListener("click",()=>{
		let min, max;
		el("auto").style.visibility="visible";
		el("alerte").textContent="";
		el("aide").textContent="";
		el("val").disabled=false;
		let tot=0, lol;
 
		if(isNaN(el("nmin").value)||
		el("nmin").value > 999 || 
		el("nmin").value < 1 || 
		Number(el("nmin").value) > Number(el("nmax").value)-1 ||
		isNaN(el("nmax").value)|| 
		el("nmax").value < 1 || 
		el("nmax").value > 999){
			el("alerte").textContent="Saisissez des nombres valides, sinon les extrêmes seront automatiquement 1 et 20!";
			min=1; max=20;
		}
		else{
			min=Number(el("nmin").value); 
			max=Number(el("nmax").value);
		};
 
		el("nmin").value="";
		el("nmax").value="";
		el("text").textContent="";
 
		let alea=Math.floor(Math.random() * (max-min))+min;
		el("cons").textContent=`Choisissez un nombre entre ${min} et ${max}.`;
 
		el("val").addEventListener("click",()=>{	
			let test=Number(el("choix").value);
			el("auto").style.visibility="hidden";
			el("alerte").textContent="";
			tot++;
			if(isNaN(test)|| 
			test > max || 
			test < min){
				el("text").textContent="Vous n'avez rien compris... Relisez la consigne.";
				el("aide").textContent=`(entre ${min} et ${max})`;
			}
			else{
				el("text").textContent = (test !== alea) ?
				test < alea ?
				`Nombre de coups: ${tot} ==> Plus grand! Vous avez 1 chance sur ${max-test}.`:
				`Nombre de coups: ${tot} ==> Plus petit! Vous avez 1 chance sur ${test-min}.`:
				`Nombre de coups: ${tot} ==> Bravo! Vous pouvez tenter une nouvelle partie.`;
				if (test < alea) {
					min = test+1;
				}
				else {
					max = test-1;
				};
				if(test !== alea){
					lol= max - min > 1 ? "" : "Lol";
					el("aide").textContent = `(Faites un choix entre ${min} et ${max}. ${lol})`;
					el("val").disabled=false
				}
				else{
					el("aide").textContent = "";
					el("val").disabled=true
				}
			}
 
		},false)
	},false);
},false);

http://javatwist.imingo.net/plusmoins2.htm

29/10/2019, 12h11
Invité

Bonjour,

Puisque tout le monde s'amuse, voici ma version : https://codepen.io/jreaux62/pen/PooKLOw
29/10/2019, 12h30
javatwister

Joli 8-)
Comme quoi on arrive vite à des choses assez denses...
Vérifie juste tes probas (en général, le nombre de coups possibles est au-dessus de la réalité); pareil pour les "coups joués": le joueur peut reproposer les mini / maxi à exclure;
Tu avais aussi déclaré une paire de propriétés nb_Coup_Min et nb_Coup_Max et je ne crois pas que tu les aies utilisées?
Bonne idée aussi de juste interdire les saisies excentriques: ça simplifie largement les contrôles!
29/10/2019, 12h37
Invité

La moitié de mon code consiste à créer les éléments du DOM !

Citation:

Envoyé par javatwister

Tu avais aussi déclaré une paire de propriétés nb_Coup_Min et nb_Coup_Max et je ne crois pas que tu les aies utilisées?

En effet : je l'ai prévu, mais pas traité ici.

On peut aussi prévoir un tas d'autres options !

Avec le principe de la "Recherche dichotomique", on arrive assez vite au résultat (en moins de 7-8 coups).

N.B. Sur le même principe, j'ai réalisé avec un dessinateur : Le Voyage de Nephi - Le Jeu
(JS : 6600 lignes - CSS : 2500 lignes !)

@javatwister

J'ai amélioré mon script, en intégrant le "nombre d'essais". :ccool: : https://codepen.io/jreaux62/pen/PooKLOw

Par la même occasion, j'ai ajouté la possibilité de cliquer simplement sur la touche "Enter" pour valider (en ajoutant la balise <form> + event.preventDefault();)

Le code HTML :

Code:

<div id="GuessTheNumber_TheGame"></div>

(et c'est tout !)

Le code JS :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
"use strict";
// -----------------
// JEU : Devinez le nombre
// -----------------
// Définition de l objet
var GuessTheNumber = {
	// -----------------
	// Initialisation
	game_Init:function()
	{
		var thisGame = this;
		// ---------
		this.numberToFind_Max = 100;
		// ---------
		// Nombre d essais
		this.nbre_Essais_Max = 10;
		// ---------
		this.html_Generate();
		// ---------
		this.game_Start();
		// ---------
	},
	// -----------------
	// Start / ou Replay
	game_Start:function()
	{
		// ---------
		// Le nombre à trouver
		this.numberToFind = Math.floor(Math.random()*(this.numberToFind_Max+1));
		// ---------
		// Probabilité
		this.Proba_Min = 1;
		this.Proba_Max = this.numberToFind_Max;
		// ---------
		this.You_Win = false;
		this.nbre_Essais_Count = 0;
		// ---------
		this.html_Msg_Error.textContent = "";
		this.html_Show_Proba.textContent = "";
		this.html_Show_Result.textContent = "";
		// ---------
		this.show_Probabilite();
		// ---------
		this.html_Button_Replay.style.display = "none";
		// ---------
	},
	// -----------------
	// HTML - GENERER le code HTML
	html_Generate:function()
	{
		var thisGame = this;
		var elt, div;
		// ---------
		// <div id="GuessTheNumber_TheGame"></div> : à mettre dans le HTML au départ
		this.html_Frame = document.querySelector('#GuessTheNumber_TheGame'); 
		// ---------
		// TITRE
		elt = document.createElement('h4');
		elt.textContent = "Trouvez le nombre entre 1 et "+this.numberToFind_Max+" : ";
		this.html_Frame.append( elt );
		// ---------
		// INPUT CHOIX + BUTTON PLAY
		div = document.createElement('form');
		this.html_Frame.append( div );
		// ----
		elt = document.createElement('label');
		elt.textContent = "Votre choix : ";
		div.append( elt );
		// ----
		elt = document.createElement('input');
		elt.id = 'GuessTheNumber-Input-Choice';
		elt.type = 'number';
		elt.min = 1;
		elt.max = this.numberToFind_Max;
		elt.value = '';
		div.append( elt );
		this.html_Input_Choice = document.querySelector('#'+elt.id);
		// ----
		elt = document.createElement('button');
		elt.id = 'GuessTheNumber-Play';
		elt.type = 'submit';
		elt.textContent = "OK";
		div.append( elt );
		this.html_Button_Play = document.querySelector('#'+elt.id);
		// ----
		elt = document.createElement('span');
		elt.id = 'GuessTheNumber-Error';
		div.append( elt );
		this.html_Msg_Error = document.querySelector('#'+elt.id);
		// ---------
		// PROBABILITE
		div = document.createElement('p');
		this.html_Frame.append( div );
		// ----
		elt = document.createElement('label');
		elt.textContent = "Probabilité : ";
		div.append( elt );
		// ----
		elt = document.createElement('span');
		elt.id = 'GuessTheNumber-Proba';
		div.append( elt );
		this.html_Show_Proba = document.querySelector('#'+elt.id);
		// ---------
		// RESULTATS
		div = document.createElement('div');
		this.html_Frame.append( div );
		// ----
		elt = document.createElement('label');
		elt.innerHTML = "Résultats : "+"<em>(vous avez droit à "+this.nbre_Essais_Max+" essais)</em>";
		div.append( elt );
		// ----
		elt = document.createElement('ul');
		elt.id = 'GuessTheNumber-Result';
		div.append( elt );
		this.html_Show_Result = document.querySelector('#'+elt.id);
		// ---------
		// BUTTON REPLAY
		div = document.createElement('p');
		this.html_Frame.append( div );
		// ----
		elt = document.createElement('button');
		elt.id = 'GuessTheNumber-Replay';
		elt.textContent = "Rejouer une partie ?";
		div.append( elt );
		this.html_Button_Replay = document.querySelector('#'+elt.id);
		// ---------
		// ACTIONS
		this.html_Action_Load();
		// ---------
	},
	// -------------------
	// ACTIONS
	html_Action_Load:function()
	{
		var thisGame = this;
		// ---------
		// PLAY
		this.html_Button_Play.addEventListener('click', function(event) {
			event.preventDefault();
			// ---------
			var val_user = Number(thisGame.html_Input_Choice.value);
			thisGame.html_Input_Choice.value = "";
			thisGame.html_Msg_Error.textContent = "";
			// ---------
			if( val_user < thisGame.Proba_Min || val_user > thisGame.Proba_Max )
			{
				thisGame.html_Msg_Error.textContent = " Choix incorrect";
			} else {
				if( !thisGame.You_Win ) {
					// -----
					thisGame.nbre_Essais_Count++;
					// -----
					if( !thisGame.You_Win && thisGame.nbre_Essais_Count > thisGame.nbre_Essais_Max )
					{
						thisGame.append_Result( "Vous avez épuisé vos "+thisGame.nbre_Essais_Max+" essais. <b>Vous avez perdu !</b>" );
						// -----
						thisGame.html_Button_Replay.style.display = "block";
					} else {
						// -----
						if( val_user < thisGame.numberToFind )
						{
							thisGame.Proba_Min = val_user;
							thisGame.append_Result( "Essai n°"+thisGame.nbre_Essais_Count+" : "+val_user+" est trop petit" );
							thisGame.show_Probabilite();
						} else if ( val_user > thisGame.numberToFind )
						{
							thisGame.Proba_Max = val_user;
							thisGame.append_Result( "Essai n°"+thisGame.nbre_Essais_Count+" : "+val_user+" est trop grand" );
							thisGame.show_Probabilite();
						} else {
							thisGame.You_Win = true;
							thisGame.append_Result( "Essai n°"+thisGame.nbre_Essais_Count+" : <b>"+val_user+"</b> est bien le nombre à trouver. <b>Vous avez gagné !</b>" );
							// -----
							thisGame.html_Button_Replay.style.display = "block";
						}
						// -----
					}
				} else {
						thisGame.html_Show_Result.textContent = "";
						// -----
						thisGame.html_Button_Replay.style.display = "block";
				}
			}
		});
		// ---------
		// REPLAY
		this.html_Button_Replay.addEventListener('click', function() {
			thisGame.game_Start();
		});
	},
	// -----------------
	// RESULTAT
	append_Result:function( msg )
	{
		var elt = document.createElement('li');
		elt.innerHTML = msg;
		this.html_Show_Result.append( elt );
	},
	// -----------------
	// PROBABILITE
	show_Probabilite:function()
	{
		this.html_Show_Proba.textContent = "Vous avez 1 chance sur "+(this.Proba_Max - this.Proba_Min + 1);
	}
};
	// -------------------
	// au chargement de page
	window.addEventListener('DOMContentLoaded', function(){
		GuessTheNumber.game_Init();
	});
	// -------------------

31/10/2019, 20h45
javatwister

Pense aussi à cette histoire de mini / maxi qui doit exclure les données et non les inclure;
Et si tu pouvais éliminer les décimaux de la saisie, ce serait parfait ;)