Introduction

Bases de JavaScript
Fonctions d’affichage
Les boîtes de dialogue
Programmation en JavaScript
Structures conditionnelles
Les boucles

JavaScript

Mme Soukaïna BELABSSIR Pr. El Mamoun SOUIDI

Module de technologie du WEb
TD de JavaScript

UNIVERSITÉ MOUHAMED V-AGDAL

Faculté des Sciences-Rabat
Département Informatique .

23 novembre 2016

1 / 26

S. BELABSSIR Java Script

 Introduction
Bases de JavaScript
Fonctions d’affichage
Les boîtes de dialogue
Programmation en JavaScript
Structures conditionnelles
Les boucles

Plan du cours

1 Introduction
2 Bases de JavaScript
3 Fonctions d’affichage
4 Les boîtes de dialogue
5 Programmation en JavaScript
Affectation, variable et constantes
6 Structures conditionnelles
7 Les boucles
2 / 26

S. BELABSSIR Java Script

 Introduction
Bases de JavaScript
Fonctions d’affichage
Les boîtes de dialogue
Programmation en JavaScript
Structures conditionnelles
Les boucles

Plan du cours

1 Introduction
2 Bases de JavaScript
3 Fonctions d’affichage
4 Les boîtes de dialogue
5 Programmation en JavaScript
Affectation, variable et constantes
6 Structures conditionnelles
7 Les boucles
3 / 26

S. BELABSSIR Java Script

 Introduction
Bases de JavaScript
Fonctions d’affichage
Les boîtes de dialogue
Programmation en JavaScript
Structures conditionnelles
Les boucles

Introduction

JavaScript :
Extension du langage HTML .
Code qui s’exécute coté client et est intégré dans le langage
HTML.
n’a rien a voir avec JAVA.
Langage de script, orienté objet, interprétée, non typé.

4 / 26

S. BELABSSIR Java Script

 Introduction
Bases de JavaScript
Fonctions d’affichage
Les boîtes de dialogue
Programmation en JavaScript
Structures conditionnelles
Les boucles

Introduction

JavaScript :
Extension du langage HTML .
Code qui s’exécute coté client et est intégré dans le langage
HTML.
n’a rien a voir avec JAVA.
Langage de script, orienté objet, interprétée, non typé.

4 / 26

S. BELABSSIR Java Script

 Introduction
Bases de JavaScript
Fonctions d’affichage
Les boîtes de dialogue
Programmation en JavaScript
Structures conditionnelles
Les boucles

Introduction

JavaScript :
Extension du langage HTML .
Code qui s’exécute coté client et est intégré dans le langage
HTML.
n’a rien a voir avec JAVA.
Langage de script, orienté objet, interprétée, non typé.

4 / 26

S. BELABSSIR Java Script

 Introduction
Bases de JavaScript
Fonctions d’affichage
Les boîtes de dialogue
Programmation en JavaScript
Structures conditionnelles
Les boucles

Introduction

JavaScript :
Extension du langage HTML .
Code qui s’exécute coté client et est intégré dans le langage
HTML.
n’a rien a voir avec JAVA.
Langage de script, orienté objet, interprétée, non typé.

4 / 26

S. BELABSSIR Java Script

 Introduction
Bases de JavaScript
Fonctions d’affichage
Les boîtes de dialogue
Programmation en JavaScript
Structures conditionnelles
Les boucles

Plan du cours

1 Introduction
2 Bases de JavaScript
3 Fonctions d’affichage
4 Les boîtes de dialogue
5 Programmation en JavaScript
Affectation, variable et constantes
6 Structures conditionnelles
7 Les boucles
5 / 26

S. BELABSSIR Java Script

 Introduction
Bases de JavaScript
Fonctions d’affichage
Les boîtes de dialogue
Programmation en JavaScript
Structures conditionnelles
Les boucles

JS est sensible à la casse.

Chaque instruction se termine par un point virgule.
Commentaires JS : // (une seule ligne) ou / ? /?(en cas de
plusieurs lignes).
Plusieurs script sont directement écrit dans le code HTML
mais ne peuvent pas être imbriqués.

6 / 26

S. BELABSSIR Java Script

 Introduction
Bases de JavaScript
Fonctions d’affichage
Les boîtes de dialogue
Programmation en JavaScript
Structures conditionnelles
Les boucles

JS est sensible à la casse.

Chaque instruction se termine par un point virgule.
Commentaires JS : // (une seule ligne) ou / ? /?(en cas de
plusieurs lignes).
Plusieurs script sont directement écrit dans le code HTML
mais ne peuvent pas être imbriqués.

6 / 26

S. BELABSSIR Java Script

 Introduction
Bases de JavaScript
Fonctions d’affichage
Les boîtes de dialogue
Programmation en JavaScript
Structures conditionnelles
Les boucles

JS est sensible à la casse.

Chaque instruction se termine par un point virgule.
Commentaires JS : // (une seule ligne) ou / ? /?(en cas de
plusieurs lignes).
Plusieurs script sont directement écrit dans le code HTML
mais ne peuvent pas être imbriqués.

6 / 26

S. BELABSSIR Java Script

 Introduction
Bases de JavaScript
Fonctions d’affichage
Les boîtes de dialogue
Programmation en JavaScript
Structures conditionnelles
Les boucles

JS est sensible à la casse.

Chaque instruction se termine par un point virgule.
Commentaires JS : // (une seule ligne) ou / ? /?(en cas de
plusieurs lignes).
Plusieurs script sont directement écrit dans le code HTML
mais ne peuvent pas être imbriqués.

6 / 26

S. BELABSSIR Java Script

 Introduction
Bases de JavaScript
Fonctions d’affichage
Les boîtes de dialogue
Programmation en JavaScript
Structures conditionnelles
Les boucles

Les balises < script > . . . < /script > signalent au navigateur qu’il
s’agit d’un code JS :
< script type = ”text/javascript” > . . . code JS . . . <
/script >.
< script language = ”javascript” > . . . code JS . . . <
/script >.
On peut insérer du code JS à partir d’un fichier externe :
< script language = ”javascript” > src = ”fichier .js” <
/script >. Rmq : le fichier.js ne doit pas contenir la balise
< script > . . . < /script >.

7 / 26

S. BELABSSIR Java Script

 Introduction
Bases de JavaScript
Fonctions d’affichage
Les boîtes de dialogue
Programmation en JavaScript
Structures conditionnelles
Les boucles

Les balises < script > . . . < /script > signalent au navigateur qu’il
s’agit d’un code JS :
< script type = ”text/javascript” > . . . code JS . . . <
/script >.
< script language = ”javascript” > . . . code JS . . . <
/script >.
On peut insérer du code JS à partir d’un fichier externe :
< script language = ”javascript” > src = ”fichier .js” <
/script >. Rmq : le fichier.js ne doit pas contenir la balise
< script > . . . < /script >.

7 / 26

S. BELABSSIR Java Script

 Introduction
Bases de JavaScript
Fonctions d’affichage
Les boîtes de dialogue
Programmation en JavaScript
Structures conditionnelles
Les boucles

Les balises < script > . . . < /script > signalent au navigateur qu’il
s’agit d’un code JS :
< script type = ”text/javascript” > . . . code JS . . . <
/script >.
< script language = ”javascript” > . . . code JS . . . <
/script >.
On peut insérer du code JS à partir d’un fichier externe :
< script language = ”javascript” > src = ”fichier .js” <
/script >. Rmq : le fichier.js ne doit pas contenir la balise
< script > . . . < /script >.

7 / 26

S. BELABSSIR Java Script

 Introduction
Bases de JavaScript
Fonctions d’affichage
Les boîtes de dialogue
Programmation en JavaScript
Structures conditionnelles
Les boucles

Plan du cours

1 Introduction
2 Bases de JavaScript
3 Fonctions d’affichage
4 Les boîtes de dialogue
5 Programmation en JavaScript
Affectation, variable et constantes
6 Structures conditionnelles
7 Les boucles
8 / 26

S. BELABSSIR Java Script

 Introduction
Bases de JavaScript
Fonctions d’affichage
Les boîtes de dialogue
Programmation en JavaScript
Structures conditionnelles
Les boucles

L’instruction document.write()

document.write(expr1,expr2,. . .)
peut prendre plusieurs arguments et accepte les balises HTML.
la concaténation se fait par le symbole + ou ,.
exemple :
document.write("< b > le nom du candidat est< /b >"+ nom)
ou
document.write("< b >"+" le nom du candidat est"+< /b >"+
nom)
ou encore
document.write("< b > le nom du candidat est< /b >",nom).

9 / 26

S. BELABSSIR Java Script

 Introduction
Bases de JavaScript
Fonctions d’affichage
Les boîtes de dialogue
Programmation en JavaScript
Structures conditionnelles
Les boucles

L’instruction document.write()

document.write(expr1,expr2,. . .)
peut prendre plusieurs arguments et accepte les balises HTML.
la concaténation se fait par le symbole + ou ,.
exemple :
document.write("< b > le nom du candidat est< /b >"+ nom)
ou
document.write("< b >"+" le nom du candidat est"+< /b >"+
nom)
ou encore
document.write("< b > le nom du candidat est< /b >",nom).

9 / 26

S. BELABSSIR Java Script

 Introduction
Bases de JavaScript
Fonctions d’affichage
Les boîtes de dialogue
Programmation en JavaScript
Structures conditionnelles
Les boucles

L’instruction document.write()

document.write(expr1,expr2,. . .)
peut prendre plusieurs arguments et accepte les balises HTML.
la concaténation se fait par le symbole + ou ,.
exemple :
document.write("< b > le nom du candidat est< /b >"+ nom)
ou
document.write("< b >"+" le nom du candidat est"+< /b >"+
nom)
ou encore
document.write("< b > le nom du candidat est< /b >",nom).

9 / 26

S. BELABSSIR Java Script

 Introduction
Bases de JavaScript
Fonctions d’affichage
Les boîtes de dialogue
Programmation en JavaScript
Structures conditionnelles
Les boucles

Plan du cours

1 Introduction
2 Bases de JavaScript
3 Fonctions d’affichage
4 Les boîtes de dialogue
5 Programmation en JavaScript
Affectation, variable et constantes
6 Structures conditionnelles
7 Les boucles
10 / 26

S. BELABSSIR Java Script

 Introduction
Bases de JavaScript
Fonctions d’affichage
Les boîtes de dialogue
Programmation en JavaScript
Structures conditionnelles
Les boucles

Fenêtre alert()

alert("msg d’alerte") ;
Permet d’afficher une message d’alerte dans une boîte d’alerte.
Exemple :
< script language = ”javascript” >
alert("bonjour tt le menode !")
< /script >

11 / 26

S. BELABSSIR Java Script

 Introduction
Bases de JavaScript
Fonctions d’affichage
Les boîtes de dialogue
Programmation en JavaScript
Structures conditionnelles
Les boucles

Fenêtre alert()

alert("msg d’alerte") ;
Permet d’afficher une message d’alerte dans une boîte d’alerte.
Exemple :
< script language = ”javascript” >
alert("bonjour tt le menode !")
< /script >

11 / 26

S. BELABSSIR Java Script

 Introduction
Bases de JavaScript
Fonctions d’affichage
Les boîtes de dialogue
Programmation en JavaScript
Structures conditionnelles
Les boucles

Fenêtre confirm()

confirm("question ou message") ;
permet de choisir une option.
Souvent utilisée dans une structure conditionnelle.
Prend un seul arguement de type String.
Affiche une boite de dialogue à deux choix : OK (la méthode
revoie true) et "Annuler" (la méthode renvoie false).
Exemple :
< script language = ”javascript” >
if(confirm("voulez-vous accéder au site la fac")) {
document.location.href = ’http ://www.fsr.ac.ma’ } ;
< /script >
12 / 26

S. BELABSSIR Java Script

 Introduction
Bases de JavaScript
Fonctions d’affichage
Les boîtes de dialogue
Programmation en JavaScript
Structures conditionnelles
Les boucles

Fenêtre confirm()

confirm("question ou message") ;
permet de choisir une option.
Souvent utilisée dans une structure conditionnelle.
Prend un seul arguement de type String.
Affiche une boite de dialogue à deux choix : OK (la méthode
revoie true) et "Annuler" (la méthode renvoie false).
Exemple :
< script language = ”javascript” >
if(confirm("voulez-vous accéder au site la fac")) {
document.location.href = ’http ://www.fsr.ac.ma’ } ;
< /script >
12 / 26

S. BELABSSIR Java Script

 Introduction
Bases de JavaScript
Fonctions d’affichage
Les boîtes de dialogue
Programmation en JavaScript
Structures conditionnelles
Les boucles

Fenêtre confirm()

confirm("question ou message") ;
permet de choisir une option.
Souvent utilisée dans une structure conditionnelle.
Prend un seul arguement de type String.
Affiche une boite de dialogue à deux choix : OK (la méthode
revoie true) et "Annuler" (la méthode renvoie false).
Exemple :
< script language = ”javascript” >
if(confirm("voulez-vous accéder au site la fac")) {
document.location.href = ’http ://www.fsr.ac.ma’ } ;
< /script >
12 / 26

S. BELABSSIR Java Script

 Introduction
Bases de JavaScript
Fonctions d’affichage
Les boîtes de dialogue
Programmation en JavaScript
Structures conditionnelles
Les boucles

Fenêtre confirm()

confirm("question ou message") ;
permet de choisir une option.
Souvent utilisée dans une structure conditionnelle.
Prend un seul arguement de type String.
Affiche une boite de dialogue à deux choix : OK (la méthode
revoie true) et "Annuler" (la méthode renvoie false).
Exemple :
< script language = ”javascript” >
if(confirm("voulez-vous accéder au site la fac")) {
document.location.href = ’http ://www.fsr.ac.ma’ } ;
< /script >
12 / 26

S. BELABSSIR Java Script

 Introduction
Bases de JavaScript
Fonctions d’affichage
Les boîtes de dialogue
Programmation en JavaScript
Structures conditionnelles
Les boucles

Fenêtre confirm()

confirm("question ou message") ;
permet de choisir une option.
Souvent utilisée dans une structure conditionnelle.
Prend un seul arguement de type String.
Affiche une boite de dialogue à deux choix : OK (la méthode
revoie true) et "Annuler" (la méthode renvoie false).
Exemple :
< script language = ”javascript” >
if(confirm("voulez-vous accéder au site la fac")) {
document.location.href = ’http ://www.fsr.ac.ma’ } ;
< /script >
12 / 26

S. BELABSSIR Java Script

 Introduction
Bases de JavaScript
Fonctions d’affichage
Les boîtes de dialogue
Programmation en JavaScript
Structures conditionnelles
Les boucles

La méthode prompt()
var reponse=prompt(’posez votre question ici’,’chaîne par défaut) ;
Permet de récupérer une information provenant de
l’utilisateur. Fonction à deux variables : le texte d’invite et la
chaîne de caractère par défaut.
La réponse est une chaîne de caractères. Pour la convertir en
nombre entier :
parseInt(prompt(0 posezvotrequestionici 0 ,0 chaînepardéfaut)) .
Pour la convertir en nombre réel :
parseFloat(prompt(0 posezvotrequestionici 0 ,0 chaînepardéfaut)).
Exemple :
< script language = ”javascript” >
var n=parseInt(prompt("que vaut l’entier n ?","5")) ;
var r=parseFloat(prompt("que vaut l’entier r ?","3.546")) ;
13 / 26
< /script > S. BELABSSIR Java Script
 Introduction
Bases de JavaScript
Fonctions d’affichage
Les boîtes de dialogue
Programmation en JavaScript
Structures conditionnelles
Les boucles

La méthode prompt()
var reponse=prompt(’posez votre question ici’,’chaîne par défaut) ;
Permet de récupérer une information provenant de
l’utilisateur. Fonction à deux variables : le texte d’invite et la
chaîne de caractère par défaut.
La réponse est une chaîne de caractères. Pour la convertir en
nombre entier :
parseInt(prompt(0 posezvotrequestionici 0 ,0 chaînepardéfaut)) .
Pour la convertir en nombre réel :
parseFloat(prompt(0 posezvotrequestionici 0 ,0 chaînepardéfaut)).
Exemple :
< script language = ”javascript” >
var n=parseInt(prompt("que vaut l’entier n ?","5")) ;
var r=parseFloat(prompt("que vaut l’entier r ?","3.546")) ;
13 / 26
< /script > S. BELABSSIR Java Script
 Introduction
Bases de JavaScript
Fonctions d’affichage
Les boîtes de dialogue
Programmation en JavaScript
Structures conditionnelles
Les boucles

La méthode prompt()
var reponse=prompt(’posez votre question ici’,’chaîne par défaut) ;
Permet de récupérer une information provenant de
l’utilisateur. Fonction à deux variables : le texte d’invite et la
chaîne de caractère par défaut.
La réponse est une chaîne de caractères. Pour la convertir en
nombre entier :
parseInt(prompt(0 posezvotrequestionici 0 ,0 chaînepardéfaut)) .
Pour la convertir en nombre réel :
parseFloat(prompt(0 posezvotrequestionici 0 ,0 chaînepardéfaut)).
Exemple :
< script language = ”javascript” >
var n=parseInt(prompt("que vaut l’entier n ?","5")) ;
var r=parseFloat(prompt("que vaut l’entier r ?","3.546")) ;
13 / 26
< /script > S. BELABSSIR Java Script
 Introduction
Bases de JavaScript
Fonctions d’affichage
Les boîtes de dialogue
Programmation en JavaScript
Structures conditionnelles
Les boucles

La méthode prompt()
var reponse=prompt(’posez votre question ici’,’chaîne par défaut) ;
Permet de récupérer une information provenant de
l’utilisateur. Fonction à deux variables : le texte d’invite et la
chaîne de caractère par défaut.
La réponse est une chaîne de caractères. Pour la convertir en
nombre entier :
parseInt(prompt(0 posezvotrequestionici 0 ,0 chaînepardéfaut)) .
Pour la convertir en nombre réel :
parseFloat(prompt(0 posezvotrequestionici 0 ,0 chaînepardéfaut)).
Exemple :
< script language = ”javascript” >
var n=parseInt(prompt("que vaut l’entier n ?","5")) ;
var r=parseFloat(prompt("que vaut l’entier r ?","3.546")) ;
13 / 26
< /script > S. BELABSSIR Java Script
 Introduction
Bases de JavaScript
Fonctions d’affichage
Les boîtes de dialogue Affectation, variable et constantes
Programmation en JavaScript
Structures conditionnelles
Les boucles

Plan du cours

1 Introduction
2 Bases de JavaScript
3 Fonctions d’affichage
4 Les boîtes de dialogue
5 Programmation en JavaScript
Affectation, variable et constantes
6 Structures conditionnelles
7 Les boucles
14 / 26

S. BELABSSIR Java Script

 Introduction
Bases de JavaScript
Fonctions d’affichage
Les boîtes de dialogue Affectation, variable et constantes
Programmation en JavaScript
Structures conditionnelles
Les boucles

Nouveau paragraphe

1 Introduction
2 Bases de JavaScript
3 Fonctions d’affichage
4 Les boîtes de dialogue
5 Programmation en JavaScript
Affectation, variable et constantes
6 Structures conditionnelles
7 Les boucles
15 / 26

S. BELABSSIR Java Script

 Introduction
Bases de JavaScript
Fonctions d’affichage
Les boîtes de dialogue Affectation, variable et constantes
Programmation en JavaScript
Structures conditionnelles
Les boucles

Le nom dune variable doit commencer par une lettre, un tiret

bas _ ou un dollar $.
JS n’impose pas l’initialisation des variables au moment de
leur création : var nom_variable.
Il est possible de définir plusieurs variable en une seul
instructions : var x=3, y=5.
JS est non typé.
le symbole d’affectation est =.

16 / 26

S. BELABSSIR Java Script

 Introduction
Bases de JavaScript
Fonctions d’affichage
Les boîtes de dialogue Affectation, variable et constantes
Programmation en JavaScript
Structures conditionnelles
Les boucles

Le nom dune variable doit commencer par une lettre, un tiret

bas _ ou un dollar $.
JS n’impose pas l’initialisation des variables au moment de
leur création : var nom_variable.
Il est possible de définir plusieurs variable en une seul
instructions : var x=3, y=5.
JS est non typé.
le symbole d’affectation est =.

16 / 26

S. BELABSSIR Java Script

 Introduction
Bases de JavaScript
Fonctions d’affichage
Les boîtes de dialogue Affectation, variable et constantes
Programmation en JavaScript
Structures conditionnelles
Les boucles

Le nom dune variable doit commencer par une lettre, un tiret

bas _ ou un dollar $.
JS n’impose pas l’initialisation des variables au moment de
leur création : var nom_variable.
Il est possible de définir plusieurs variable en une seul
instructions : var x=3, y=5.
JS est non typé.
le symbole d’affectation est =.

16 / 26

S. BELABSSIR Java Script

 Introduction
Bases de JavaScript
Fonctions d’affichage
Les boîtes de dialogue Affectation, variable et constantes
Programmation en JavaScript
Structures conditionnelles
Les boucles

Le nom dune variable doit commencer par une lettre, un tiret

bas _ ou un dollar $.
JS n’impose pas l’initialisation des variables au moment de
leur création : var nom_variable.
Il est possible de définir plusieurs variable en une seul
instructions : var x=3, y=5.
JS est non typé.
le symbole d’affectation est =.

16 / 26

S. BELABSSIR Java Script

 Introduction
Bases de JavaScript
Fonctions d’affichage
Les boîtes de dialogue Affectation, variable et constantes
Programmation en JavaScript
Structures conditionnelles
Les boucles

Le nom dune variable doit commencer par une lettre, un tiret

bas _ ou un dollar $.
JS n’impose pas l’initialisation des variables au moment de
leur création : var nom_variable.
Il est possible de définir plusieurs variable en une seul
instructions : var x=3, y=5.
JS est non typé.
le symbole d’affectation est =.

16 / 26

S. BELABSSIR Java Script

 Introduction
Bases de JavaScript
Fonctions d’affichage
Les boîtes de dialogue Affectation, variable et constantes
Programmation en JavaScript
Structures conditionnelles
Les boucles

Types de données

Quatre types :
number.
String.
Boolean.
Null.
Undefined.
l’opérateur typeof () ou typeof x permet de définir le type
d’une variable ou d’une expression.
l’operateur toString() permet la conversion vers les chaînes de
caractères (nom_var .toString()).
17 / 26

S. BELABSSIR Java Script

 Introduction
Bases de JavaScript
Fonctions d’affichage
Les boîtes de dialogue Affectation, variable et constantes
Programmation en JavaScript
Structures conditionnelles
Les boucles

Types de données

Quatre types :
number.
String.
Boolean.
Null.
Undefined.
l’opérateur typeof () ou typeof x permet de définir le type
d’une variable ou d’une expression.
l’operateur toString() permet la conversion vers les chaînes de
caractères (nom_var .toString()).
17 / 26

S. BELABSSIR Java Script

 Introduction
Bases de JavaScript
Fonctions d’affichage
Les boîtes de dialogue Affectation, variable et constantes
Programmation en JavaScript
Structures conditionnelles
Les boucles

Types de données

Quatre types :
number.
String.
Boolean.
Null.
Undefined.
l’opérateur typeof () ou typeof x permet de définir le type
d’une variable ou d’une expression.
l’operateur toString() permet la conversion vers les chaînes de
caractères (nom_var .toString()).
17 / 26

S. BELABSSIR Java Script

 Introduction
Bases de JavaScript
Fonctions d’affichage
Les boîtes de dialogue Affectation, variable et constantes
Programmation en JavaScript
Structures conditionnelles
Les boucles

Types de données

Quatre types :
number.
String.
Boolean.
Null.
Undefined.
l’opérateur typeof () ou typeof x permet de définir le type
d’une variable ou d’une expression.
l’operateur toString() permet la conversion vers les chaînes de
caractères (nom_var .toString()).
17 / 26

S. BELABSSIR Java Script

 Introduction
Bases de JavaScript
Fonctions d’affichage
Les boîtes de dialogue Affectation, variable et constantes
Programmation en JavaScript
Structures conditionnelles
Les boucles

Types de données

Quatre types :
number.
String.
Boolean.
Null.
Undefined.
l’opérateur typeof () ou typeof x permet de définir le type
d’une variable ou d’une expression.
l’operateur toString() permet la conversion vers les chaînes de
caractères (nom_var .toString()).
17 / 26

S. BELABSSIR Java Script

 Introduction
Bases de JavaScript
Fonctions d’affichage
Les boîtes de dialogue Affectation, variable et constantes
Programmation en JavaScript
Structures conditionnelles
Les boucles

Types de données

Quatre types :
number.
String.
Boolean.
Null.
Undefined.
l’opérateur typeof () ou typeof x permet de définir le type
d’une variable ou d’une expression.
l’operateur toString() permet la conversion vers les chaînes de
caractères (nom_var .toString()).
17 / 26

S. BELABSSIR Java Script

 Introduction
Bases de JavaScript
Fonctions d’affichage
Les boîtes de dialogue Affectation, variable et constantes
Programmation en JavaScript
Structures conditionnelles
Les boucles

Types de données

Quatre types :
number.
String.
Boolean.
Null.
Undefined.
l’opérateur typeof () ou typeof x permet de définir le type
d’une variable ou d’une expression.
l’operateur toString() permet la conversion vers les chaînes de
caractères (nom_var .toString()).
17 / 26

S. BELABSSIR Java Script

 Introduction
Bases de JavaScript
Fonctions d’affichage
Les boîtes de dialogue
Programmation en JavaScript
Structures conditionnelles
Les boucles

Plan du cours

1 Introduction
2 Bases de JavaScript
3 Fonctions d’affichage
4 Les boîtes de dialogue
5 Programmation en JavaScript
Affectation, variable et constantes
6 Structures conditionnelles
7 Les boucles
18 / 26

S. BELABSSIR Java Script

 Introduction
Bases de JavaScript
Fonctions d’affichage
Les boîtes de dialogue
Programmation en JavaScript
Structures conditionnelles
Les boucles

If

if (condition 1) {
//liste d’instructions.
}
else if(condition 2){
//autre série d’instructions.
}
else{
s //autre série d’instructions.
};

19 / 26

S. BELABSSIR Java Script

 Introduction
Bases de JavaScript
Fonctions d’affichage
Les boîtes de dialogue
Programmation en JavaScript
Structures conditionnelles
Les boucles

pérateur ternaire () ? :

Il est possible de faire un test avec une structure beaucoup moins

lourde grâce à la structure suivante :
(condition) ? instruction si vrai : instruction si faux
Lorsque la condition est vraie, l’instruction de gauche est exécutée.
Lorsque la condition est fausse, l’instruction de droite est exécutée.

20 / 26

S. BELABSSIR Java Script

 Introduction
Bases de JavaScript
Fonctions d’affichage
Les boîtes de dialogue
Programmation en JavaScript
Structures conditionnelles
Les boucles

Switch

switch(variable) case val1 :action1 ;break ; case

val2 :action2 ;break ; . . . default :action par défaut ;

21 / 26

S. BELABSSIR Java Script

 Introduction
Bases de JavaScript
Fonctions d’affichage
Les boîtes de dialogue
Programmation en JavaScript
Structures conditionnelles
Les boucles

Plan du cours

1 Introduction
2 Bases de JavaScript
3 Fonctions d’affichage
4 Les boîtes de dialogue
5 Programmation en JavaScript
Affectation, variable et constantes
6 Structures conditionnelles
7 Les boucles
22 / 26

S. BELABSSIR Java Script

 Introduction
Bases de JavaScript
Fonctions d’affichage
Les boîtes de dialogue
Programmation en JavaScript
Structures conditionnelles
Les boucles

For

La syntaxe de cette expression est la suivante :

for (compteur ; condition ; modification du compteur) liste
d’instructions .
Par exemple :
for (i = 1; i < 6; i + +){
Alert(i) ;
}

23 / 26

S. BELABSSIR Java Script

 Introduction
Bases de JavaScript
Fonctions d’affichage
Les boîtes de dialogue
Programmation en JavaScript
Structures conditionnelles
Les boucles

For

La syntaxe de cette expression est la suivante :

for (compteur ; condition ; modification du compteur) liste
d’instructions .
Par exemple :
for (i = 1; i < 6; i + +){
Alert(i) ;
}

23 / 26

S. BELABSSIR Java Script

 Introduction
Bases de JavaScript
Fonctions d’affichage
Les boîtes de dialogue
Programmation en JavaScript
Structures conditionnelles
Les boucles

while

L’instruction while représente un autre moyen d’exécuter

plusieurs fois la même série d’instructions.
La syntaxe de cette expression est la suivante :
while (condition réalisée) { liste d’instructions } .

24 / 26

S. BELABSSIR Java Script

 Introduction
Bases de JavaScript
Fonctions d’affichage
Les boîtes de dialogue
Programmation en JavaScript
Structures conditionnelles
Les boucles

do while

L’instruction while représente un autre moyen d’exécuter

plusieurs fois la même série d’instructions.
La syntaxe de cette expression est la suivante :
do { liste d’instructions }while (condition).

25 / 26

S. BELABSSIR Java Script

 Introduction
Bases de JavaScript
Fonctions d’affichage
Les boîtes de dialogue
Programmation en JavaScript
Structures conditionnelles
Les boucles

Merci de votre attention

Question ?

26 / 26

S. BELABSSIR Java Script