WEBVTT

00:00:00.030 --> 00:00:04.000
Dans ce tutoriel tu verras comment ajouter plusieurs paramètres 

00:00:04.000 --> 00:00:09.400
et j'utiliserai également la valeur de retour d'une fonction. 

00:00:09.667 --> 00:00:14.166
Je continue avec l'exemple du dernier tutoriel, le panneau de pointage.

00:00:14.196 --> 00:00:20.133
Disons que je veux permettre à une fonction nommée setPoints d'ajouter un point soit à l'équipe locale 

00:00:20.333 --> 00:00:27.000
ou à l'équipe visiteur. Je peux définir alors plusieurs paramètres, l'un pour l'élément à modifier

00:00:27.266 --> 00:00:43.020
et l'autre pour le point à afficher. Dans mon code, j'ajoute une fonction: function setPoints, suivi entre parenthèses

00:00:43.020 --> 00:00:52.834
des deux paramètres, une accolade d'ouverture et de fermeture pour spécifier le code de cette fonction.

00:00:53.000 --> 00:01:02.200
J'utilise le premier paramètre id pour aller chercher l'élément que je veux modifier, suivi de .innerHTML

00:01:02.266 --> 00:01:10.834
pour modifier le contenu, égal, mon paramètre point qui contient la valeur que je veux lui affecter.

00:01:11.000 --> 00:01:15.266
Lorsque j'appelle cette fonction, je dois spécifier les valeurs des 2 paramètres.

00:01:16.000 --> 00:01:32.300
je déclare une variable var idVisiteurs= document.getElementById

00:01:33.000 --> 00:01:37.000
et entre guillemets, je spécifie l'élément que je veux aller chercher; dans ce cas-ci, 

00:01:38.000 --> 00:01:42.667
l'élément se nome pointsVisiteurs.

00:01:46.000 --> 00:01:58.233
Sur la ligne suivante, j'appelle ma fonction setPoints. Je spécifie le premier paramètre idVisiteurs

00:01:59.000 --> 00:02:04.700
qui est l'élément que je veux modifier, suivi du point que je veux lui affecter

00:02:09.000 --> 00:02:15.834
Je peux également utiliser la même fonction, pour changer le pointage de l'équipe locale. 

00:02:16.000 --> 00:02:29.000
La seule chose que je dois changer, c'est le id et le paramètre à l'intérieur de ma fonction. 

00:02:34.500 --> 00:02:42.472
J'enregistre et je remarque dans ma page Web que la fonction setPoints peut modifier le pointage du visiteur 

00:02:43.166 --> 00:02:52.666
et de l'équipe locale. Disons que je veux que la partie se termine lorsque l'une des équipes a plus de 10 points. 

00:02:52.696 --> 00:02:56.135
Je dois alors chercher les points affichés sur la page Web.

00:02:56.165 --> 00:03:00.231
Je peux écrire une fonction qui va retourner cette valeur.

00:03:01.000 --> 00:03:13.430
À l'intérieur de mon code, j'écris function, le nom de ma fonction cette fois getpointsLocaux

00:03:13.430 --> 00:03:17.174
et les accolades d'ouverture et de fermeture. 

00:03:19.000 --> 00:03:30.215
À l'intérieur, je déclare une variable idPointsLocaux pour aller chercher mon élément 

00:03:30.993 --> 00:03:40.941
donc égal document.getElementById, entre parenthèses le nom de l'élément

00:03:46.000 --> 00:04:01.484
Et pour retourner la valeur à mon programme, j'écris return idPointsLocaux.innerHTML;

00:04:03.000 --> 00:04:09.182
Tu te rappelles que le contenu de innerHTML est une valeur de type string.

00:04:09.182 --> 00:04:16.664
Comme je veux que ma fonction retourne à un nombre, j'ajoute parseInt

00:04:16.664 --> 00:04:20.155
et je place ma valeur entre parenthèses. 

00:04:20.155 --> 00:04:32.367
Pour exécuter ma fonction, j'ajoute var p qui va contenir la valeur de retour, suivi du nom de la fonction

00:04:32.367 --> 00:04:36.259
getPointLocaux();

00:04:40.301 --> 00:04:46.908
Donc, si on regarde l'exécution de ce programme, premièrement on appelle la fonction getPointsLocaux

00:04:47.541 --> 00:04:55.152
ensuite la fonction s'exécute, et elle retourne à l'intérieur de la variable p, la valeur de retour.

00:04:56.000 --> 00:05:02.990
Je peux utiliser ma variable p pour afficher un message si le contenu est supérieur ou égal à 10.

00:05:03.000 --> 00:05:14.990
Donc, j'ajoute une structure de sélection if(p>=10) et dans le cas que la condition est vraie

00:05:14.990 --> 00:05:20.972
je vais utiliser la fonction alert pour afficher un message, dans ce cas-ci, bravo.

00:05:23.000 --> 00:05:35.321
Je modifie le point de l'équipe local à 11. J'enregistre et je regarde le résultat dans le navigateur Internet.

00:05:35.321 --> 00:05:40.893
Je remarque qu'une fenêtre d'alerte s'affiche avec le message à l'intérieur.

00:05:41.000 --> 00:05:47.980
Ceci conclut ce tutoriel sur les fonctions. Rappelle-toi que lorsqu'il y a du code qui se répète 

00:05:48.000 --> 00:05:52.981
ou si tu veux briser un grand segment de code en plusieurs étapes plus simples,

00:05:53.041 --> 00:05:55.781
l'utilisation des fonctions est de mise.