Exercice 1/12
Dans le fichier "script.js" :
- déclarez la fonction
display; - dans la fonction mettez
alert("Je suis une fonction"); - exécutez la fonction;
- cliquez sur "Soumettre ma réponse".
Leçon 1/12
Dans cet exercice vous allez découvrir ce qu'est une fonction, à quoi ça sert et comment déclarer une fonction.
À quoi ça sert ?
Quand vous allez commencer à écrire des scripts, vous allez vous rendre compte que certains morceaux de code font la même chose et sont répétés à plusieurs endroits dans votre script.
Ceci alourdit le code et n'est pas pratique à maintenir à jour. Si vous souhaitez modifier ce code qui est réutilisé un peu partout dans le script, il faudra le faire pour toutes ses occurrences. Pas pratique. C'est la que les fonctions interviennent.
Une fonction est une sorte de "boîte noire" dans laquelle est écrit une portion de code qui fait quelque chose. Une fonction porte un nom que vous aurez choisi (comme une variable). Il suffira d'appeler ce nom dans le script et le code correspondant sera exécuté.
La syntaxe d'une fonction
function maFonction () {
// Code a exécuter
}
Pour déclarer une fonction, il faut le mot-clé function suivi du nom que vous voulez donner à cette fonction.
Puis un couple de parenthèses () dans lequel vous pourrez donner des paramètres / arguments qui seront utilisés dans la fonction (mais ils ne sont pas obligatoires).
Entre les accolades {} se trouve la portion de code à exécuter.
Il n'y a pas de ; à la fin : c'est une structure (comme les boucles et les conditions) et non une instruction.
Ici maFonction n'est pas exécutée, juste déclarée. Pour exécuter la fonction il faut l'appeler :
maFonction();
Fonction ou méthode ?
Sans le savoir, vous avez déjà utilisé des fonctions proposées nativement par Javascript : alert(), prompt(), confirm() ...
Il y a aussi toUpperCase() qui permet de mettre du texte en majuscule. C'est une fonction utilisée avec un objet de type chaîne de caractères (string).
Lors de l'introduction sur les objets on avait vu qu'un objet possédait des propriétés et des méthodes. Une méthode est en fait une fonction native d'un objet Javascript, comme toUpperCase() et plein d'autres.
Mais c'est exactement la même chose.
68 Commentaires
-
childeric23-53
Bonjour ça me dit qu'il faut mettre qu'une seule intruction quand je soumets l'exercice pourtant je ne pense pas avoir mis plusieurs instructionle 05/01/2022 à 13h07
-
meriam Admin
Bonjour, il faut supprimer les points virgules que avez ajouté aprés la condition de la structure if
le 05/01/2022 à 13h43
-
chloe.doliveira-96
si ça peut aider les gens : function display () {alert("Je suis une fonction"); } display()le 13/12/2021 à 14h23
-
nad-51
Merci meriamle 05/10/2021 à 16h31
-
meriam Admin
Bonjour, je vous en prie, n'hésitez pas à m'envoyer des messages si vous trouvez des messages dans les exercices suivants.
le 08/10/2021 à 09h54
-
nad-51
Bonjour, impossible de valider mes exercices dès que j'utilise: { même en remplaçant par } . Message: Boucle infinie. Alors que les modifications s'affichent pourtant sur la page. C'est systématique pour chaque exercices de ce type avec un code correct. Pouvez-vous m'aider svp?le 01/10/2021 à 12h19
-
meriam Admin
Bonjour, n'utilisez pas le code suivant : { remplacer la par l'accolade ouvrante
le 01/10/2021 à 15h15
-
meriam Admin
Vous avez dupliqué les accolades ouvrantes.
le 01/10/2021 à 15h16
-
bilismira-75
Bonjour, ça ne marche toujours pasle 17/07/2021 à 11h51
-
meriam Admin
le message doit être "Je suis une fonction" (remplacez la lettre j en majuscule )
le 20/07/2021 à 01h16
-
bilismira-75
Bonjour, c'est quoi l'erreur ici?le 13/07/2021 à 13h52
-
meriam Admin
Bonjour, pour exécuter une fonction, vous devez écrire display() et pas function display()
le 14/07/2021 à 10h35
-
niruapp-13
Ok autant pour moi, il faut rajouter un point-vigule après la fonction alert() et à la fin du display()le 12/03/2021 à 13h53
-
meriam Admin
Bonjour, votre dernier code est correct.
le 15/03/2021 à 10h59
-
niruapp-13
Bonjour, voilà mon code function display () { alert("Je suis une fonction") } display() Mais j'obtiens une boucle infinie, quelle est mon erreur ?le 12/03/2021 à 13h46
-
meriam Admin
Bonjour, votre dernier code est correct.
le 15/03/2021 à 10h56
-
steph.conv-48
Bonjour, mon code est à 100% correct mais votre algorithme me lance "vous ne devez avoir qu'une seule alert. Merci de corriger. Bonne journéele 25/07/2020 à 08h13
-
meriam Admin
Bonjour, j'ai testé votre code et il fonctionne correctement.
le 28/07/2020 à 16h34
-
teodor.kobilarov-45
Bonjour, je comprends pas pourqoui ça marche pas function display () { alert("Je suis une fonction"); } display()le 22/06/2020 à 16h25
-
meriam Admin
Votre code est correct.
le 22/06/2020 à 19h58
-
sebastien.massera-44
Bonjour message d'erreur "Vous ne devez avoir qu'une alertle 17/06/2020 à 10h19
-
meriam Admin
Votre code est correct.
le 17/06/2020 à 19h10
-
gregoryalexiss-52
Même problème que précédemment. Est-il nécessaire de vous le signaler à chaque fois ?le 16/06/2020 à 13h33
-
meriam Admin
Votre code est correct. Une mise à jour en cours, merci pour votre compréhension (un problème de mise à jour).
le 16/06/2020 à 20h12
-
meriam Admin
Bonjour, est ce le problème persiste encore??
le 01/07/2020 à 10h11
-
gregoryalexiss-52
Bonjour, mon code ne s’exécute pas.le 16/06/2020 à 13h21
-
meriam Admin
Bonjour, votre dernier code fonctionne correctement.
le 16/06/2020 à 13h24
-
melyssa.auberton-21
Mais le site continue de m'afficher le message d'erreur "vous ne devez avoir qu'une alert", et ça se reproduit sur tous les exercices...le 11/06/2020 à 11h20
-
meriam Admin
Bonjour, est ce le problème persiste encore??
le 01/07/2020 à 10h10
-
melyssa.auberton-21
Je ne comprends pas pour cela ne marche pas...le 11/06/2020 à 09h59
-
meriam Admin
Bonjour, votre dernier code fonctionne correctement.
le 11/06/2020 à 11h03
Commentaires les mieux notés