PARTIE THEORIQUE

A. DOSSIER DE L’ENSEIGNANT

FICHE DE PREPARATION N°20

INFORMATIONS GENERALES

Etablissement : Lycée de Biyem-Assi

Classe : Pre TI Effectif : 54

Discipline : INFORMATIQUE(Algorithme et programmation)

Enseignant :

Lieu de déroulement de la leçon : Salle de classe

Date : 10 /02/2025

PREAMBULE

Module : 2 Titre du module : Programmation

Unité d’apprentissage : 5 Programmation des pages web dynamiques

Compétences visées :


Ordre dans la progression : 21

Titre de la leçon : LES FONCTIONS EN JAVASCRIPT

Type de la leçon : Théorique / Durée : 2h

Pratique/digitalisé

Vocabulaire spécifique : fonctions

Objectif de la leçon : à la fin de la leçon l’élève sera capable de

Page 1 sur 12
Exemples d’actions mis en œuvre :

 Ecrire une fonction qui retourne une valeur ou non dans un script

Matériel didactique :

Fiche d’implantation, fiche de déroulement de la leçon, support de cours, tableau noir, craie, éffaçeoir.

Démarche pédagogique : Approche par les situations-problèmes

Connaissances pré-requises : L’élève doit être capable de :

1. Donner le rôle d’une fonction;

2. Déclarer une fonction en algorithmique;

3. Etablir la différence entre une variable; locale et une variable globale.

Médiagraphie :

 Projet pédagogique de classe de Pre TI ;

 Ressources du MINESEC ; Lecon 27 su les fonctions en javascript dispensé par Mme Carine Fotso

Thématique problème :

Votre professeur souhaiterait avoir un programme qui répond à un certain nombre de tâches
spécifiques dont l’une renseigne sur la parité d’un nombre. En effet, ces tâches sont représentées par
des bouts de codes et sont appelés dans le programme afin de mieux le structurer. Votre professeur
sollicite votre aide pour l’écriture de ce programme.

Questions d’orientation / consignes :

1. 1. Dire à quoi font référence les différentes tâches mentionnées par votre professeur.

2. Ecrire le script javascript qui nous renseigne sur la parité d’un nombre entré par l’utilisateur.

Résultats attendus

1. Les fonctions
Situation problème

2. <script type="text/javascript">
function estPair(n) {
if (n % 2 === 0) {
return true;

return false;

Page 2 sur 12
 }
}
var Nbre = parseInt(prompt('Entrer un nombre :'));
var result = estPair(Nbre);
if (result == true) {
alert (Nbre + ' est pair’);
} else {
alert (Nbre + ' est impair’);
}

</script>

EVALUATION ET CLOTURE

Evaluation sommative :

REPONDRE PAR VRAI OU FAUX

Les fonctions sont des blocs de code non réutilisables qui peuvent être appelés pour effectuer une tâche
spécifique. F

Les arguments sont les valeurs réelles transmises aux paramètres lors de l’appel d’une fonction. F

Les arguments sont des variables utilisées pour recevoir des valeurs lors de l'appel de la fonction. V

variables déclarées à l'intérieur d'une fonction est globale. F

Bilan

 Positif si l’élève réussit à Identifier et écrire une fonction en javascript

 Négatif si les élèves ne réussissent pas écrire une fonction juste

Page 3 sur 12
 FICHE DE DEROULEMENT

Indicateur de
Etapes Tâches de l’enseignant Tâches de l’élève Méthodes Evaluation Ressources Durée Remarques
compétences

 Se rassure de la
propreté de la salle
 Envoie les élèves au
tableau
 Interroge les élèves
en posant les
 Appel
questions suivantes
 Vérifier
 Donner le rôle d’une  Répond à l’appel ;
l’état de la Evaluation 15
fonction;  Répond aux Interrogative
salle diagnostique min
questions posées. Tableau noir
,corriger le  Déclarer une fonction
devoir , les en algorithmique; Craie
prérequis
 Etablir la différence
entre une variable;
locale et une variable
globale.

Présentation  Ecoute ;
Identifier les données  Présente le problème ;
de la situation Expositive 5 min
du problème.  Prennent les notes
problème  Donne les consignes.

Page 4 sur 12
  Aide les élèves à prendre les  Prend les notes ;
Consolidation notes ; Exécute les 60
(les fonctions Noter les savoirs  Contrôle la prise des notes ; Active
instructions de min
en javascript)
 Remplie progressivement l’enseignant ;
le cahier de texte ;
Résolution de Pose la question aux élèves Réponds aux questions
la situation Résoudre la SP Interrogative
probleme Intérroge les éléves Fait des propositions

Confrontation Participer à la Retient les propositions justes Ecoute, argumente et

10
des résolution du et réorientent les moins prend note Active Formative
min
hypothèses problème. bonnes. éventuellement.

 Donne des consignes ;  Participe à la Active Formative 10

 Envoie un élève au tableau ; résolution de min
Vérification de
Evaluation  Demande aux autres élèves l’exercice
l’acquisition des
formative ou de travailler dans leurs d’application
compétences à la fin
exercice de cahiers ; en écoutant et en
de la leçon.
consolidation  Vérifie que les autres élèves notant les
travaillent effectivement ; consignes ;

 Remplie progressivement le  Résout le problème

cahier de texte ; au tableau et dans le
cahier d’exercice.
Retenons Essentiel de la leçon  Donner un résumé en  Ecoute. Expositive 20min
Devoir à assimiler faisant un tour sur les

Page 5 sur 12
points importants de la
leçon ; et donner le devoir

Page 6 sur 12
TRACE ECRITE

LEÇON 21 : LES FONCTIONS EN JAVASCRIPT

PLAN

• OBJECTIF

• PRÉREQUIS

• SITUATION

I LES FONCTIONS EN JAVASCRIPT

1. Les fonctions prédéfinies
2. Les fonctions personnalisées
II DECLARATION OU CREATION D’UNE FONCTION EN JAVASCRIPT
III APPEL DE FONCTION EN JAVASCRIPT
1. Les parametres et les arguments
2. Valeurs de retour
3. Les variables locales et globales

RESOLUTION DE LA SITUATION PROBLEME

RESUME

EXERCICE D’APPLICATION

DEVOIR

Objectifs d’apprentissage :

 Ecrire une fonction qui retourne une valeur ou non dans un script

Préréquis

4. Donner le rôle d’une fonction;

5. Déclarer une fonction en algorithmique;

6. Etablir la différence entre une variable; locale et une variable globale.

Reponse

1. Elle est utilisée pour regrouper un ensemble d'instructions qui effectuent une tâche spécifique et qui
peuvent être réutilisées à plusieurs endroits dans un programme. Elles permettent ainsi de structurer et
d'organiser le code de manière modulaire, ce qui facilite la compréhension, la maintenance et la
réutilisation du code
2. Fonction NomDeFonction (ListeParamètres) : Type ;
Var ……..... // déclaration des variables locales
Page 7 sur 12
 Debut

Traitement ;

Retourne (expression) ; // NomDeFonction ← exp ;

FinFonction

3. La différence entre une variable locale et une variable globale réside dans leur portée dans un programme

Variable locale :

 Une variable locale est déclarée à l'intérieur d'une fonction ou d'un bloc spécifique.

 Sa portée est limitée à la fonction ou au bloc dans lequel elle est déclarée.

Variable globale :

 Une variable globale est déclarée en dehors de toute fonction ou bloc, généralement au début du
programme.

 Sa portée s'étend à l'ensemble du programme, c'est-à-dire qu'elle peut être utilisée et modifiée à
partir de n'importe quel endroit du programme.

Situation Probléme

Votre professeur souhaiterait avoir un programme qui répond à un certain nombre de tâches spécifiques dont l’une
renseigne sur la parité d’un nombre. En effet, ces tâches sont représentées par des bouts de codes et sont appelés
dans le programme afin de mieux le structurer. Votre professeur sollicite votre aide pour l’écriture de ce
programme.

Consignes :

2. Dire à quoi font référence les différentes tâches mentionnées par votre professeur.

3. Ecrire le script javascript qui nous renseigne sur la parité d’un nombre entré par l’utilisateur.

I. LES FONCTIONS EN JAVASCRIPT

Les fonctions en JavaScript sont des blocs de code réutilisables qui peuvent être appelés pour effectuer une
tâche spécifique ;
Elles permettent de structurer et d'organiser le code en le divisant en morceaux logiques et réutilisables
Il existe 2 types de fonction : les fonctions prédéfinies et les fonctions personnalisées.
1. Les fonctions prédéfinies
Elles sont définies par le langage et prêtes à l’emploi. Ce sont des méthodes qu’on va appeler.
Exemples : prompt(), alert(), …
Page 8 sur 12
 2. Les fonctions personnalisées
nous allons les créer nous même afin qu’elles effectuent une ou des tâche(s) précise(s).
II. DECLARATION OU CREATION D’UNE FONCTION EN JAVASCRIPT
Principe : Pour déclarer une fonction en JavaScript, on utilise le mot-clé function, suivi du nom de la fonction,
puis de parenthèses (), et enfin des accolades {} pour délimiter le corps de la fonction.

Syntaxe : function nomDeLaFonction(parametres) {

Instructions à exécuter ; // Corps de la fonction //

return Valeur_de_retour ; // instruction facultative //

NB : le nom de la fonction ne doit pas contenir des espaces.

III. APPEL DE FONCTION EN JAVASCRIPT

Principe :

Apres avoir declarer une function, nous pouvons l'appeler pour exécuter le code à l'intérieur d’un programme.
Pour appeler une fonction, on utilise simplement son nom suivi de parenthèses () contenant les arguments.

Syntaxe : nomDeLaFonction (argument1, argument2);

Exemple : <script type="text/javascript">

function saluer(nom) {

alert("Bonjour " + nom + " !");

saluer("les élèves");

</script>

1. Les parametres et les arguments

Les paramètres sont des variables utilisées pour recevoir des valeurs lors de l'appel de la fonction. Ils sont déclarés
entre les parenthèses lors de la déclaration d’une fonction.

Lors de l'appel de la fonction, vous pouvez fournir des arguments, qui sont les valeurs réelles transmises aux
paramètres.

Exemple : <script type="text/javascript">

function saluer(nom) {

alert("Bonjour " + nom + " !"); (nom est le parametre)

saluer("les élèves"); (les élèves represente l’argument)

</script>

2. Valeurs de retour

Page 9 sur 12
Une fonction peut renvoyer une valeur en utilisant le mot-clé return. La valeur retournée peut être utilisée par
d'autres parties du code.

Exemple : <script type="text/javascript">

function addition(a, b) {

return a + b;

var resultat = addition(3, 5);

alert(resultat);

</script>

3. Les variables locales et globales

Les variables déclarées à l'intérieur d'une fonction sont des variables locales.

Elles sont accessibles qu'à l'intérieur de la fonction.

Les variables déclarées en dehors de toutes les fonctions sont des variables globales.

Elles peuvent être accessibles n'importe où dans le code.

Exemple : <script type="text/javascript">

function addition(a, b) { (a,b sont des variables locales)

return a + b;

var A = parseInt(prompt('Entrer un nombre :'));

var B = parseInt(prompt('Entrer un second nombre :'));

var resultat = addition(A, B);(A,B sont des variables globales)

alert(resultat);

</script>

RESOLUTION DE LA SITUATION PROBLEME

3. Les fonctions
4. <script type="text/javascript">
function estPair(n) {
if (n % 2 === 0) {
return true;

return false;

}
}
var Nbre = parseInt(prompt('Entrer un nombre :'));
var result = estPair(Nbre);
Page 10 sur 12
 if (result == true) {
alert (Nbre + ' est pair’);
} else {
alert (Nbre + ' est impair’);
}

</script>

RESUME
function nomDeLaFonction(parametres) {
Instructions à exécuter ; // Corps de la fonction //
return Valeur_de_retour ; // instruction facultative //
}
EXERCICE D’APPLICATION :
REPONDRE PAR VRAI OU FAUX

Les fonctions sont des blocs de code non réutilisables qui peuvent être appelés pour effectuer une tâche
spécifique. F

Les arguments sont les valeurs réelles transmises aux paramètres lors de l’appel d’une fonction. F

Les arguments sont des variables utilisées pour recevoir des valeurs lors de l'appel de la fonction. V

variables déclarées à l'intérieur d'une fonction est globale. F

DEVOIR

Votre enseignant vous demande de l’aide pour l’écriture d’un programme qui calcul la moyenne des notes des
élèves. En effet, le programme devra faire appel à une fonction qui fera ce calcul. L’enseignant vous demande donc
d’écrire un script javascript qui stocke les notes des élèves dans un tableau, appelle la fonction "calculMoyenne" et
renvoie la moyenne de ces notes et l’affiche dans une boîte de dialogue.

Page 11 sur 12
Page 12 sur 12