Fiche De Travaux Dirigés - Programmation JavaScript

Fiche De Travaux Dirigés - Programmation JavaScript - Terminale A-C-D
DECLARATION DES VARIABLES EN JAVASCRIP
EXERCICE 1 : les types de variables en langage JavaScript.
1. Compléter les phrases suivantes :
Une variable de type :
a) Number : est une variable qui contient _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
b) String : est une variable qui contient _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
c) Boolean : est une variable qui peut prendre _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
2. Dire si les types de variable suivant sont corrects :
a) Booléan ; b) string ; c) String ; d) number ;
Justification
______________________________________________
EXERCICE 2 : déclaration de variables sans affectation : var mavariable = new typevariable( ) ;
1. A partir des déclarations de variables sans affectation compléter les phrases suivantes :
a) var nombre = new Number( ) ;
la variable _ _ _ _ _ _ _ de type _ _ _ _ _ _ _ _ contient la valeur par défaut _ _ _ _ _ _ _ _ _ _
b) var texte = new String( ) ;
la variable _ _ _ _ _ _ _ de type _ _ _ _ _ _ _ _ contient la valeur par défaut _ _ _ _ _ _ _ _ _ _
c) var condition = new Boolean( ) ;
la variable _ _ _ _ _ _ _ de type _ _ _ _ _ _ _ _ contient la valeur par défaut _ _ _ _ _ _ _ _ _ _
EXERCICE 3 : déclaration de variables avec affectation : var mavariable = new typevariable( valeur ) ;
1. donnez les valeurs initiales des variables suivantes déclarées avec affectation :
a) var nombre = new Number (2) ;
la variable _ _ _ _ _ _ _ de type _ _ _ _ _ _ _ _ contient la valeur initiale _ _ _ _ _ _ _ _ _ _ _ _
b) var texte = new String (‘‘elle est Super cette banane’’ ) ;
la variable _ _ _ _ _ _ _ de type _ _ _ _ _ _ _ _ contient la valeur initiale _ _ _ _ _ _ _ _ _ _ _ _
c) var condition = new Boolean ( true ) ;
la variable _ _ _ _ _ _ _ de type _ _ _ _ _ _ _ _ contient la valeur initiale _ _ _ _ _ _ _ _ _ _ _ _
EXERCICE 4 : opérations sur les variables :
1. Après avoir effectuées les opérations,
quel est le contenu des variables suivantes :
a) nombre _ _ _ _ _ _ _ _
b) nombre1 _ _ _ _ _ _ _ _
c) nombre2 _ _ _ _ _ _ _ _
d) nombre3 _ _ _ _ _ _ _ _
Repère du pédagogue
var nombre1 = new Number ( 2 ) ;
var nombre2 = new Number ( ) ;
var nombre3 = new Number ( 5 ) ;
var nombre = new Number ( ) ;
nombre = nombre1 + nombre ;
nombre1 = nombre * nombre3 ;
nombre2 = nombre1 / nombre ;
nombre3 = nombre1 – nombre2 ;
____________________
_ _ _ _ _ _ _ __ _ _ _ _ _ _ _ _ _ _ _
____________________
Page 1 sur 4
LES STRUCTURES DE CONTROLE
EXERCICE 5 : la structure alternative
1. quelle est la valeur de la variable note à la
fin de l’exécution du programme suivant : _ _ _ _
2. a) quelle est la valeur la variable note à la fin
de l’exécution du programme suivant : _ _ _ _ _
2. b) Quel est le bloc d’instructions qui a été
exécuté :
_____
2. c) Si la variable elevedesordonne
contenait la valeur booléenne true, quelle aurait
été la valeur de la variable note
_____
3. qu’affiche le programme suivant, encerclez la bonne réponse : a) ou b) :
a)
b)
EXERCICE 6 : la structure itérative for (variable = valeur_initiale ; condition_de_fin ; modification du pas)
1. Examiner le code JavaScript suivant et complétez le tableau suivant :
compteur
0
1
2
3
4
___
___
condition
1<=5 ? vrai
2<=5 ? vrai
3<=5 ? vrai
4<=5 ? vrai
______
______
somme
0
0+1=1
1+2=3
3+3=6
6+4=10
_____
______
2. A partir du code JavaScript et du tableau précédent, répondre aux questions suivantes :
a)
b)
c)
d)
Quelle est la valeur initiale du compteur : _ _ _ et sa valeur finale _ _ _
Combien de fois on exécute la boucle for : _ _ _ le(s) ligne(s) affectée(s) _ _ _
Quelle est la valeur du compteur lorsque la condition devient fausse : _ _ _
Que fait la ligne 7 du code JavaScript précédent _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
Repère du pédagogue
Page 2 sur 4
EXERCICE 7 : la structure itérative while ( condition réalisée ) { instructions }
1. Examinez le code JavaScript suivant et remplissez la tableau suivant :
lignes compteur
1
1
2
4
5
6
1+1=2
4
__
6
______
__
5
6
3+1=4
4
5
6
4+1=5
4
5
6
5+1=6
4
__
condition
somme
0
1<=5 ? vrai
0+1=1
2<=5 ?vrai
_____
_____
3+3=6
2. Complétez les phrases suivantes :
a) Quelle est la valeur intiale du compteur _ _
4<=5 ?vrai
6+4=10 b) Quelle est la valeur finale du compteur _ _
c) Quelle est la valeur du compteur qui rend la condition
5<=5 ? _ _
fausse : _ _ _
10+5=15 d) Combien de fois est exécutée la boucle while : _ _ _ _
e) quelle est la valeur de somme à la fin de l’exécution du
_____
code : _ _ _
__
f) que fait ce code ?_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
LES FONCTIONS ET PROCEDURES
EXERCICE 8 : appel d’une fonction
1. En vous inspirant du code
ci-contre, répondez aux questions :
a) à quoi servent les symboles // :
_________________
b) quelle est le nom de la fonction :
_________________
c) cette fonction a combien de
paramètres _ _ _ _ _ _ _ _ _ _ _
d) donnez le nom de ces paramètres
_________________
e) que fait cette fonction
_______ ____
f) quelle est la valeur de s
____________
EXERCICE 9 : appel d’une procédure
1. Examinez le code suivant et
répondez aux questions suivantes :
a) la boucle while est exécutée combien
de fois : _ _ _ _
b) a chaque exécution qu’affiche t – il :
__________________
c) que fait ce programme :
__________________
__________________
Repère du pédagogue
Page 3 sur 4
INTEGRATION DU CODE JAVASRIPT DANS UNE PAGE HTML
EXERCICE 10 :
la balise d’intégration <script language = "javascript" >… </script>
1. Dire comment intégrer le code JavaScript (a) au code de la page html (b) :
a) code JavaScript :
b) code html
c) après exécution, quelle est la valeur contenue dans la variable texte.
EXERCICE 11 :
intégration du code JavaScript
1. Modifier le code de l’exercice 4 pour qu’il affiche à l’écran le contenu des variables : nombre,
nombre1, nombre2 et nombre3.
2. Donnez le code de la page web intégrant l ce script créé dans un fichier externe sous le nom
« operations.js »
Repère du pédagogue
Page 4 sur 4