1 pièce(s) jointe(s)
Devoir utilisant Javascript
Bonjour à tous les dévelloppeurs :zoubi:, mon problème est part rapport à mon devoir sur le Javascript. Je mets en lien l'énoncé de mon devoir.
Dans mon devoir on me demande de faire sur ma page index un input qui permettra de rentrer un chiffre de 1 à 100, pour essayé de trouvé le chiffre créer aléatoirement au lancement de la page et d'afficher suivant les informations que rentre l'utilisateur des alertes.
D'ici là pas de soucis mais après il faut qu'au lancement de la page un prompt affiche le nombre de tentative et qu'à la fin des tentatives pour trouver le chiffre juste un message affiche " Vous avez perdu".
J'arrive à afficher le prompt directement au lancement de la page mais le problème c'est qu'à chaque fois que la personne rentre un chiffre et que la page affiche le message d'erreur la page s'actualise et le prompt recommence !
Comment puis-je faire pour que le prompt ne s'affiche qu'une seul fois au démarrage et qu'au bout de 5 tentatives avec des chiffres correctement rentré de 1 à 100 un alert dit " Vous avez perdu ".
Voilà dans un premier temps je vous mets le code de la page index.html et le code de javascript.js
J'ai utiliser un sort de tableau qui ajouterai les valeurs de chaque essaie si le chiffre et plus petit ou plus grand
Index.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
| <!DOCTYPE html>
<html>
<head>
<title> Devoir </title>
<link rel="stylesheet" type="text/css" href="style.css" />
<meta charset="utf-8" />
<script type="text/javascript" src="javascript.js"></script>
</head>
<body>
<form method="post" action="index.html" name="formulaire" onsubmit="validate()">
<label for="number">
<span>Votre nombre :</span>
<input type="text" name="number_user" id="number">
</label>
<input type="submit" value="Valider" name="submit_form"></p>
</form>
</body>
</html> |
Javascript.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
| // Prompt pour afficher le nombre de tentative
prompt("Vous avez 5 tentatives pour trouver le chiffre aléatoire entre 1 et 100");
// Fonction pour obtenir un nombre aléatoire entre 1 et 100
function numRandomTotal(min, max)
{
return Math.floor(Math.random() * (max - min + 1)) + min;
}
// Varriable du chiffre obtenue aléatoirement
numRandom = numRandomTotal(1, 100);
// Déclaration d'un nouveau tableau nommé allNumUser
var allNumUser = new Array();
// Fonction qui affiche un message suivant la chose rentré dans le champ de l'input sur index.html
function validate()
{
// Déclaration de variable suivant l'input ou l'on rentre le chiffre entre 1 et 100
var numUser =document.forms["formulaire"]["number_user"].value;
// Si le chiffre rentré par l'utilisateur n'est pas un chiffre et n'éxiste pas
if(isNaN(numUser) || !numUser)
{
alert("Vous devez indiquer un nombre !");
}
// Si le chiffre rentré par l'utilisateur est plus petit que 1 et plus grand que 100
else if(numUser >100 || numUser <1)
{
alert("Merci de rentrer un chiffre entre 1 et 100");
}
// Si le chiffre rentré par l'utilisateur est plus petit que le chiffre donnée aléatoirement
else if(numUser < numRandom)
{
alert("Le nombre indiqué est trop petit");
// Ajout dans le tableau de chiffre rentré par l'utilisateur
allNumUser = [numUser];
}
// Si le chiffre rentré par l'utilisateur est plus grand que le chiffre donnée aléatoirement
else if(numUser > numRandom)
{
alert("Le chiffre indiqué est trop grand");
// Ajout dans le tableau de chiffre rentré par l'utilisateur
allNumUser =[nnumUser];
}
// Si le chiffre rentré par l'utilisateur est égal au chiffre donnée aléatoirement
else if(num == numRandom)
{
alert("Vous avez gagné");
}
}
// For utiliser pour compter le nombre de fois que l'utilisateur à tanté ça chance pour rentrer un nombre de 0 à 100
for (i =0; i<=4; i++)
{
// Affiche les nombres rentré dans le champ de l'input entre 1 et 100
document.write(allNumUser[i]);
// Si 5 tentatives on été faite
if(i == 5)
{
allNumUser.splice(0,5);
alert("plus de chance ");
}
}
// Affiche le nombre donnée aléatoirement
document.write(numRandom); |
