introJavaScript.ppt

Le Langage JavaScript pour le web

Structure et Syntaxe
Le code JavaScript est déclaré dans le document HTML par les balises HTML <script> et
</script>: <html>
<head><title>code java script</title>
< SCRIPT >
instructions;
</ SCRIPT>
</head>
Il est possible de mettre plusieurs script dans un document, que ce soit entre les balises
<head> … </head> ou <Body> … </Body> .
Plutôt que d'écrire le code JavaScript dans le fichier HTML, il peut être écrit dans un fichier
annexe, enregistré avec l'extension .js , soit le fichier leCodeJS.js , l'attribut SRC permet d'y
faire référence:
<script src="leCodeJS.js " ></script>
Les instructions JavaScript s'écrivent une par ligne, et se terminent par un ;
Les variables sont déclarées par le mot clé var, mais la déclaration est optionnelle:
Var nom= "imen ",
age= 15;
Les variables ne sont pas typées (inutile de préciser si c'est un nombre, du texte, un objet…).
Les commentaires sont précédés de // pour un commentaire sur 1 seule ligne, ou entre /* et */
pour un commentaire sur plusieurs lignes:
// commentaire sur une ligne
/* commentaire sur plusieurs lignes */
Une chaîne de texte est contenue entre des "
Syntaxe du langage JavaScript

Les opérateurs arithmétiques classiques: + , - , * , /, +=, % (modulo)
4 % 2 0
L'incrément ou décrément d'une unité: ++ , --
i ++ i= i+1
Les opérateurs agissant sur les chaînes de texte: + , += , c'est une concaténation de
chaînes de texte
Les opérateurs de comparaison utilisés dans les test conditionnels if : == , != , > , < , >= ,
<=
If (a ==3)
Les opérateurs logiques permettent d'effectuer plusieurs comparaisons : && , ||, !
If ((a ==3) && (b <5)) // opérateur AND (&&), les 2 comparaisons doivent être
satisfaites
// opérateur OR (||), l'une ou l'autre comparaison doit être satisfaite
// opérateur NOT (!), équivalent au contraire, cas des valeurs booléenne, retourne true si
a=false
Syntaxe du langage JavaScript Les opérateurs

Syntaxe du langage JavaScript
• L’entrée:
nom_variable=prompt(“message“,"valeur par défaut“);
• La sortie:
Document.write(“message“+nom_variable );
Alert(“message“+nom_variable );
• Activité:
Créer un fichier html permettant d’échanger la valeur de deux entiers donnés a et b
• Solution :
<SCRIPT LANGUAGE="JavaScript">
var a=Number(prompt(“saisir la valeur a"));
b=Number(prompt("sasir la valeur b"));
z=a;
a=b;
b=z;
alert("la valeur de a est:"+a);
alert("la valeur de b est:"+b);
</script>
• Remarque :
Alert et prompt sont deux méthode de l’objet window permettant respectivement
l’affichage et la saisie dans des boîtes de dialogue.
Les entrées/Sorties

Syntaxe
if
Si le test conditionnel est vérifié, alors
l’instruction1 est exécutée. Sinon, l’autre
instruction est exécutée.
Lorsque le résultat de l’expression est
égale à une valeur envisagée
l’instruction correspondante sera
exécuté sinon l’instruction de default
sera exécuté.
L’instruction Break permet de quitter la
structure après l’exécution de
l’instruction convenable.
La clause default est facultative.
Syntaxe du langage JavaScript Test Conditionnel if
If ( condition ) {
instruction1 si vrai;
}
Else {
instruction2 si faux;
}
Syntaxe
switch
switch ( expression ) {
case v1: instruction_1; break;
case v2: instruction_2; break;
….
case vn: instruction_n; break;
default :
instruction_n+1;
}
Activité:
Créer un fichier html permettant d’afficher le maximum de trois entiers donnés a et
b et c.
Activité:
Créer un fichier html permettant d’afficher le nombre le plus proche divisible par 5
d’un entier donné a.

Syntaxe du langage JavaScript Les boucles for, while
Syntaxe
for
Les instructions sont exécutées jusqu’à i=n
Syntaxe
while
Si le test conditionnel est vérifié, alors les
instructions sont exécutées. Les instructions peuvent
ne jamais être exécutées!
For ( i=0 ; i<=n ; i++ ) {
instruction ;
}
i=0 ;
While ( condition ) {
instruction ;
i++ ;
}
Syntaxe
do
…
while
i=0 ;
Do {
instruction ;
i++ ;
} While ( condition )
Les instructions sont répétées tant que la condition est vérifiée.
Activité:
Créer un fichier html permettant d’afficher
les nombres pairs entre 1 et N.
Activité:
Créer un fichier html permettant d’afficher
le pgcd de deux entiers naturels a et b.

Syntaxe du langage JavaScript Les fonctions
Syntaxe
function
Liste d'arguments (valeurs affectées à des variables) utiles pour
l'exécution de la fonction. Les valeurs peuvent être des
nombres, des chaînes de texte ou des objets.
La valeur de la variable
est retournée par return
Pourquoi les fonctions ?
Lorsqu'une suite d'instructions (de calculs) est souvent réalisé, plutôt que de les
reprogrammer à chaque fois, on fait appel à une fonction, qui exécute les instruction,
et retourne le résultat (ou affiche un résultat). Il est possible d'appeler la fonction en
lui passant des paramètres.
Function nom_fonction (arguments) {
instruction ;
Return valeur_calculée;
}
Activité:
Créer un fichier html permettant
d’afficher le pgcd de deux entiers
naturels a et b en utilisant une
fonction.
•Solution :
<SCRIPT LANGUAGE="JavaScript">
function pgcd(x,y)
{while(x*y!=0)
{ if (x>y) {x%=y};else {y%=x;} }
p=x;if (x==0) {p=y;}
return p;
}
do
{ a=prompt("saisissez la valeur a");
b=prompt("saisissez la valeur b");
}while((a<0)||(b<0));
z=pgcd(a,b);
document.write("le pgcd est "+z);
</script>

Syntaxe du langage JavaScript L'objet Date
L'objet Date est un objet du noyau JavaScript.
Un constructeur de date permet la déclaration (ou création, instance) d'un objet de type Date:
Var d=new Date();
Pour chaque objet de type Date, des méthodes sont appliquées.

 Syntaxe du langage JavaScript et Objets du Noyau L'objet String
L'objet String est un objet du noyau JavaScript. C'est une chaîne de texte.
 Une variable peut contenir un nombre, ou du texte, dans ce cas la variable est du type
String.
Une variable de type String est déclarée de la manière suivante:
• Cette variable est implicitement un objet String, en raison du contenu de type texte
affecté à cette variable. Rappel: les variables ne sont pas typées!
Pour chaque objet String, et donc chaîne de texte, des propriétés sont lues ou écrites, des
méthodes sont appliquées:
chaine.méthode();
Propriétés de l'objet String :
Il n'existe qu'une seule propriété, la propriété length, qui retourne le nombre de caractère
de la chaîne de texte.
Chaine.length;

 Syntaxe du langage JavaScript L'objet String
Méthodes de l'objet String

 Syntaxe du langage JavaScript L'objet Array
L'objet Array est un objet du noyau JavaScript. C'est un tableau de données.
Un constructeur de tableau permet la déclaration (ou création, instance) d'un objet de
type Array :
tab=new array();
tab=new array(10);
Il n'est pas nécessaire de préciser le nombre d'éléments du tableau, sa dimension. Celle-ci
sera automatiquement ajustée par JavaScript en fonction du contenu du tableau.
il est aussi possible d'affecter directement un contenu à chaque cellule du tableau lors de
la déclaration:
tab=new array(val1,val2,val3,val4);
Noter que pour accéder à un élément du tableau, on utilise les [ ]:
Pour chaque tableau, des propriétés sont lues ou écrites, des méthodes sont appliquées:
Propriétés de l'objet Array :
Il n'existe qu'une seule propriété, la propriété length, qui retourne le nombre d'éléments
du tableau, à savoir sa dimension :
Tab.length;

 Syntaxe du langage JavaScript et Objets du Noyau L'objet Array
Méthodes de l'objet Array :
Des méthodes permettent de transformer le tableau : trier les éléments du tableau en
ordre croissant, de joindre les éléments du tableau en une seule chaîne de texte, …

introJavaScript.ppt

introJavaScript.ppt

Recomendados

Más contenido relacionado

Similar a introJavaScript.ppt

Similar a introJavaScript.ppt(20)

Último

Último(11)

introJavaScript.ppt