Vous êtes sur la page 1sur 4

PROGRAMMER EN JAVASCRIPT

Java script est un langage que l’on utilise dans le HTML afin de rendre un site web
dynamique, il prend en compte les données de l’utilisateur, les conserve afin de les utiliser dans les
interactions utilisateur-machine au cours du surf. Ce langage ne permet pas cependant d’écrire sur le
disque dur ou encore d’y lire, ce qui constitue son principal inconvénient. Son seul rôle est l’écriture
et la lecture sur des cookies (petites bandes de communication qu’utilisent les navigateurs). Ceci fait
que d’autres langages ont été mis sur pied comme alternative, notamment Java, PHP ou encore
Flash.

Il faut noter cependant que les prérequis nécessaires à l’écriture et la compréhension des
scripts sont les algorithmes et le HTML.

Structure d’un programme JAVASCRIPT

<html>

<script language= «  javascript »>

………..

</script>

</html>

1- Déclarer une variable dans un script

Les variables contiennent les données qui peuvent être modifiées lors de l’exécution du
programme. Une variable comporte un nom, doit commencer par une lettre, ne pas contenir
d’espace et est sensible à la casse. La déclaration d’une variable commence par le mot clé « var »,
puis est suivi du nom de la variable, du signe de l’égalité (éventuellement) et de sa valeur initiale
(éventuellement). Une variable peut être locale (propre à une fonction) ou globale (utilisée dans tout
le programme.

Dans le cas où elle comporte le signe (=) puis une valeur, on parle d’une déclaration de
variable avec affectation, la valeur affectée étant celle suivant l’égalité.

Exp : var classe=terminale ;

On peut aussi déclarer sans affecter de valeur :

Exp : var classe ;

Le JavaScript utilise des mots dits clés, qui ne peuvent par conséquent pas être pris comme
nom de variable ou de fonction:

1
2- Les types et opérateurs en JavaScript

JavaScript utilise les éléments sous forme d’objet, ainsi pour avoir accès à un objet, on
devrait commencer par accéder à l’objet qui le possède, l’accès par exemple à une salle de classe
d’un lycée procède comme suit : lycée.batiment.salle =…

Les types utilisés ici sont : les caractères (lettres d’alphabet), les chaines de caractère (mots)
les nombres.

Les opérateurs sont ceux utilisés en arithmétique (+, -, *,/…) ; cependant on dispose d’un
certain nombre de principes à satisfaire :

- && représente le « et » logique


- || représente le « ou » logique
-  ! représente le « NON » logique
- == teste l’égalité et != teste la différence
3- Boucles et instructions
a- L’instruction if…else

On peut se servir de l’instruction :

If (condition réalisée){

Liste d’instructions }

Cependant il peut y avoir d’autres alternatives, c’est pourquoi on se sert du « else » comme suit :

If (condition réalisée) {

Liste d’instruction}

Else {

Liste d’instructions }

Exemple :

If(x==2) document.write ( « x vaut 2 »)

Else document.write (« x est différent de 2 ») ;

2
Les boucles permettent de réaliser continuellement une opération jusqu’à satisfaction d’un
résultat.

b- Boucle for  :

Il s’agit de la représentation programmée de la boucle « pour », elle est utilisée comme suit :

For (initialisation du compteur, condition finale, pas du compteur)


{ Exp
Liste d’instructions For (i=1 ; i<10 ; i++)
} {
Alert(i)
c- Boucle while }

C’est le représentant de la boucle « tant que », elle est utilisée comme suit :
Exp: afficher pour x allant de 1 à 10 la valeur de 1/(x-5)
Initialisation
x=1;
While (condition réalisée)
while ( x<10 )
{
{
Liste d’instructions
If (x==5) { alert (“attention division par 0”);
}
Continue ;
}
b= 1/(x-5)
Alert(b)
x++
}

4- Utilisation d’un tableau sous java script

La déclaration d’un tableau sous Javascript se fait grâce à l’utilisation de l’objet « array » ; il faut
avant tout le créer grâce à la fonction new() ; on obtient donc le code suivant pour la création d’un
tableau :
Var nom_tableau = new Array() ;
L’affectation des valeurs à ce tableau procède comme suit :
nom_tableau[indice] = valeur
on peut aussi créer un tableau en attribuant immédiatement les valeurs, on aura ainsi
var nom_tableau = [« val1 », « val 2 »…]
l’accès à un élément du tableau se fera sachant que le premier indice est 0

5- codage d’une fonction en javascript

une fonction est un mini programme qui sera utilisé dans un autre ; l’utilisation des fonctions
dans un programme permet de séparer ce dernier en modules, afin d’avoir une programmation
mieux structurée. Une fois une fonction déclarée, on pourra l’utiliser autant de fois qu’on le souhaite
dans le même programme et même dans d’autres. Une fonction peut avoir ou pas des arguments,
cela n’empêche pas que les parenthèses restent. La syntaxe d’une fonction est la suivante :
function nom_de_la_fonction (arguments)

3
{
Liste d’instructions
}

L’appel de la fonction se fait le plus simplement possible : nom_fonction (arguments)

Exercices :
I. REVISIONS DE COURS :
a- Où peut-on insérer du JavaScript ?
b- A quoi reconnait-on un code correspondant au JavaScript ?
c- Quel est le rôle du JavaScript dans une page web ? existe-t-il d’autres alternatives ?
d- Quelle différence faites-vous entre document.write(« variable ») et document.write(variable)

II. QUELQUES EXERCICES :


Ecrire un algorithme qui prend en entrée 2 nombres et retournent leur produit
1- Ecrire une fonction JavaScript qui prend en entrée 2 nombres et retourne leur somme ;
2- Ecrire un algorithme qui prend en entrée 2 nombres et retourne le plus grand  ; traduire
ensuite en JavaScript cet algorithme ;
3- Ecrire en JavaScript un programme qui additionne n nombres ; n sera entré par l’utilisateur ;
4- Ecrire en JavaScript un programme permettant de résoudre une équation du second dégré
de la forme AX2 + BX + C= 0.
5- Réécrire ce programme en vous servant d’une fonction somme(x,y) qui retourne la somme
des nombres x et y. cette fonction sera utilisée lors des calculs de X 1 et X2.

Vous aimerez peut-être aussi