Ecrire un programme JavaScript

**start12** · 10/01/2016, 20h37

Bonsoir,
Je suis débutant et je dois écrire un programme JavaScript qui teste deux valeurs a et b. Si a>b alors a est plus grand. Sinon b est plus grand ou les deux nombres sont égaux. J'ai fait ce qui suit :

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
var a=2 ;
var b=1 ;
 
if ((a==2)&&(b==1))
{
a>b;
}
 
else if
{
b>a;
}
 
else
{
a=b
}

Quelqu'un pourrait-il me dire si je suis sur la bonne voie ?
Merci d'avance.

**ABCIWEB** · 10/01/2016, 21h00

Salut,

Après un "if" il faut une condition entre parenthèses "(...)" suivit d'accolades "{}" qui contiendront le code à effectuer si la condition est respectée.
Donc else if{b>a;} n'est pas valide.

Basiquement ton code devrait ressembler à quelque chose comme :

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
var a = 2;
var b = 1;
 
if(a == b)
{
    alert('a = b');    
}
else if (a > b)
{
    alert('a > b');
}
else
{
    alert('a < b');
}

Et normalement comme il faut comparer des valeurs comparables on devrait utiliser !isNaN pour tester que a et b sont bien des valeurs numériques avant de faire des comparaisons.

**start12** · 10/01/2016, 21h23

Merci pour ta réponse rapide.
Pourrais-tu m'expliquer pour 'a et b' ?
Merci.

**ABCIWEB** · 10/01/2016, 21h41

T'expliquer quoi ?

**start12** · 10/01/2016, 21h47

Le ' sur a et b.

**ABCIWEB** · 10/01/2016, 22h06

Le ' qui entoure l'expression est pour dire qu'il ne faut pas chercher à interpréter le contenu de l'expression et donc pour afficher réellement 'a > b'.

Si tu faisais

Code :

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

1
2
3
4
5
<script>
var a = 2;
var b = 1;
alert(a > b);
</script>

alors a et b seront interprétés dans le "alert" et cela va renvoyer le résultat du test soit "true".

**start12** · 11/01/2016, 00h12

Merci pour tout

**ABCIWEB** · 11/01/2016, 01h26

De rien

Quand un sujet est résolu, essaies de penser à le mettre résolu avec le bouton adéquat. Cela permet de signaler à ceux qui cherchent que le sujet contient une réponse et à ceux qui aident que ce n'est pas la peine d'aller visiter le sujet.

En complément tu peux utiliser les "pouces" en bas de chaque message pour indiquer les messages qui t'ont aidés à la résolution du problème

**start12** · 11/01/2016, 17h50

Avec le code qui suit + ton code à partir du if, cela fonctionne correctement.

Code :

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

1
2
3
4
5
var a = 0;
var b = 0;
 
a = prompt("a=");
b = prompt("b=");

**ABCIWEB** · 11/01/2016, 20h56

Oui si tu veux que a et b soient saisies par l'utilisateur dans une boite de dialogue javascript.

Mais c'est un peu violent et pas pratique, d'autant plus qu'il faudra rafraichir la page pour faire d'autres tests.

La plupart du temps que l'on souhaite que l'utilisateur rentre des données on fait une boite de saisie html et ça peut passer par un simple formulaire comme dans l'exemple ci-dessous :

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
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8" />
<title>Test</title>
 
<script>
function test_values(form)
{
	/* 
	J'utilise querySelector() dans l'objet "form" qui représente le formulaire passé en paramètre lors de l'appel de la fonction "test_values(this)" dans le html.
	Cela permet de cibler la recherche des éléments "input[name=a]" etc. à l'intérieur du formulaire. 
 
	Un "document.querySelector()" ferait la recherche sur le document entier et donc pourrait amener à des confusions 	si la page contenait plusieurs formulaires. 
 
	Et en même temps une recherche ciblée est beaucoup plus rapide.
	*/
	var a = form.querySelector("input[name=a]");
	var b = form.querySelector("input[name=b]");
 
	// Cible, dans le formulaire, le bloc ayant la classe "reponse" dans lequel seront écrits les résultats
	var resultat = form.querySelector(".reponse");
 
	// On obtient la valeur des input avec "value"
	 a = a.value;
	 b = b.value;
 
 	// si a ou b n'est pas une valeur numérique on envoie un message
 	if(isNaN(a) || isNaN(b))
	 {
 		// On écris dans l'élément html avec "innerHTML"
		 resultat.innerHTML = "a et b doivent être des valeurs numériques";
	 }
	 else
	 {
	     if(a == b)
	     {
		resultat.innerHTML = "a = b";    
	     }
 	     else if (a > b)
  	     {
 		resultat.innerHTML = "a > b";  
	     }
 	     else
             {
		resultat.innerHTML = "a < b";  
	     }
	}
}
</script>
 
</head>
 
<body>
<!-- onsubmit déclenche sur l'événement on submit (à la soumission du formulaire), la fonction test_values() avec comme paramètre "this" qui en javascript représente l'objet en cours soit ici le formulaire. "return false" est pour ne pas soumettre automatiquement le formulaire puisqu'on souhaite le controler avec javascript --> 
<form onsubmit = "test_values(this); return false">
 
    <label> a <input = "text" name = "a" /></label>
    <label> b <input = "text" name = "b" /></label>
    <input type = "submit" value = "test">
 
    <!-- bloc dans lequel sera affiché la réponse -->
    <div class = "reponse" ></div>
 
</form>
</body>
</html>

Voilà quand tu auras compris ce code tu auras le début du principe de la programmation en javascript.

- Fonction qui se déclenche sur l'événement onsubmit du formulaire
- Utilisation de l'opérateur "this" pour représenter l'objet en cours
- Sélection d'objets avec "querySelector()"
- Récupération des valeurs des input avec "value"
- Ecriture javascript dans un élément html

**start12** · 11/01/2016, 21h52

Un grand merci

Ecrire un programme JavaScript

JavaScript

Discussions similaires

Partager

Partager