Discussion :

[C3DRIC49]

Bonjour,

Pour un petit jeu de société fait maison, j'ai créer un petit script pour un affichage aléatoire de mot :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
<script>
function nouv_mot(){
    var nb = Math.floor(Math.random() * files.length);
    document.getElementById('mot').innerHTML=files[nb];
}
 </script>

Par exemple en 60 secondes ont doit mimé un maximum de mots.

J'aimerai savoir si il est possible de faire une sorte de "compteur" et de dire au script d'afficher les mots ayant les chiffres et nombres les plus petits et d’ajouter à se dit compteur un plus 1?

A l'heure actuelle j'ai fait plusieurs liste différentes, sachant que j’ai de multiples jeu il y a de nombreuse liste de mots.

J'ai besoin de se script en HTML/JS, car je l'utilise sur un PC mais aussi sur une tablette via "Website 2 APK Builder" et donc pas de PHP (ce qui serais plus simple pour moi).

Voila merci à vous en espérant que j'ai été clair.

[SpaceFrog]

Je ne joue pas, je n'ai rien compris à ta demande ????

J'aimerai savoir si il est possible de faire une sorte de "compteur" et de dire au script d'afficher les mots ayant les chiffres et nombres les plus petits et d’ajouter à se dit compteur un plus 1?

Tu as un array de mots ? file[] qui contient des mots ??
Mettre un compteur sur les chaque mot ?
Quand soit se faire l'incrément ?

[C3DRIC49]

Bonjour, désolé si je n'ai pas été clair donc
Actuellement se script script m’affiche une liste :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
var files=[
"Mot1",
"Mot2",
"Mot3",
"Mot4",
"Mot5"
]

Ces mots s'affiche sur ma page de façon aléatoire, mais il y à risque d'afficher plusieurs fois le même mot.

J'aimerai savoir si, en JS il n'y à pas la possibilité d'ajouter une sorte de compteur (invisible à l'écran ) pour chaque mots, par exemple :

Mot1 = affiché 2 fois | Mot2 = affiché 1 fois | Mot3 = affiché 5 fois | Mot4 = affiché 6 fois | Mot5 = affiché 5 fois

Et donc par conséquent faire que le script affiche en premier les mots les moins affichés, pour l'exemple :

Mot2 | Mot1 | Mot5 | Mot3 | Mot4

En espérant d'avoir été plus clair.

Merci.

[SpaceFrog]

Cela se fait assez facilement mais attention en js ce compteur ne survivra pas à la page ...


https://jsfiddle.net/cogfb1ku/

[C3DRIC49]

Merci à toi je regarde cela.

Que veux tu dire par "ne survivra pas à la page ..."

[SpaceFrog]

Si tu fermes la page ou que tu la quittes, et que tu la ré-ouvres le compteur sera réinitialisé.

[C3DRIC49]

Ok merci je comprend mais cela me convient. Merci à toi

[C3DRIC49]

Bon, j'ai fait une erreur mais je ne comprend pas ou, le script m'affiche par fois sur la même session le même mot :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
<script>
var files=[
"Abeille",
"Baleine",
"Cachalot",
"Cerf",
"Chat",
"Chèvre",
"Chien",
"Cigale",
"Coq",
"Cygne",
"Dauphin",
"Dindon",
"Dromadaire",
"Girafe",
"Gorille",
"Grenouille",
"Hérisson",
"Hyène",
"Hippopotame",
"Koala",
"Kangourou",
"Lama",
"Lézard",
"Lièvre",
"Lion",
"Loup",
"Morse",
"Ours",
"Otarie",
"Panda",
"Paresseux",
"Pélican",
"Phoque",
"Poisson",
"Raton laveur",
"Requin",
"Rhinocéros",
"Sanglier",
"Sauterelle",
"Serpent",
"Suricate",
"Tapir",
"Toucan",
"Tigre",
"Zebre"
]
//initialisation du compteur associé a chaque mot
var i=-1;
var cpt=[];
while( files[++i]){
files[i]=[files[i]];
files[i]['count']=0;
}
 
//incrément des compteurs
files[1].count++;
files[1].count++;
files[1].count++;
files[1].count++;
files[1].count++;
files[1].count++;
files[1].count++;
files[1].count++;
files[1].count++;
files[1].count++;
files[1].count++;
files[1].count++;
 
//Fonction de tri sur compteur
function sortmots(a,b){
return (a.count>b.count)? 1:-1;
}
 
// tri de l'array
files.sort(sortmots);
 
//affichage
var i=-1;
chaine=""
while(files[++i]){
chaine+=files[i][0]+ " | ";
}
 
function nouv_mot(){
    var nb = Math.floor(Math.random() * files.length);
 
 
document.getElementById('mot').innerHTML = files[nb];
}
 
</script>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<div id="mot">Tenez vous prêt</div>
<a href="#" onclick="nouv_mot()">SUIVANT</a>

[SpaceFrog]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<a href="#" onclick="nouv_mot()">SUIVANT</a>

je pense que ton lien href recharge la page ?
essaye en remplaçant ton loen par un bouton ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<input type="button" onclick="nouv_mot()" value="SUIVANT" />

[C3DRIC49]

Merci à toi et non malheureusement toujours le même problème.

EDIT : j'ai aussi essayé avec d'autres navigateurs et idem.

[SpaceFrog]

Une version fonctionnelle
https://jsfiddle.net/cogfb1ku/1/

[C3DRIC49]

Merci à toi je regarde cela

[SpaceFrog]

avec l'affichage des compteurs https://jsfiddle.net/cogfb1ku/2/

[C3DRIC49]

Génial impeccable Décidément je ne suis pas doué en JS

[SpaceFrog]

Juste pour le fun j'ai rajouté le nombre total de tirages
https://jsfiddle.net/cogfb1ku/3/

[C3DRIC49]

SpaceFrog s'éclate mais c'est bien je récupère tous tes codes pour regarder le pourquoi du comment

[SpaceFrog]

https://jsfiddle.net/cogfb1ku/4/
Avec un avertissement lorsque tous les mots ont été tirés au moins une fois ...

[C3DRIC49]

Merci à toi , dit moi je vient d'avoir une idée qui serais pratique mais je ne sais pas si c'est possible.

A l'heure actuelle quand on clique sur suivant c'est qu'on trouve la réponse et donc + 1 au compteur (c'est à dire +1 point), mais si la personne passe nous sommes obligé à l'heure actuelle de cliqué sur suivant et donc d'ajouté un point alors que non.
Est ce possible de faire un bouton [Passe] qui n'ajoute pas de +1 au compteur ?? donc en gros [Suivant +1] et [Passe +0].

Merci à toi.

[SpaceFrog]

En passant un booléen à la fonction
https://jsfiddle.net/cogfb1ku/6/

[C3DRIC49]

Merci à toi c'est parfait !!!