Où écrire le code

1 . Introduction

<!-- blank line --> <figure class="video_container"> <iframe width="560" height="315" src="https://www.youtube.com/embed/yVT74h_Bsj4" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> </figure> <!-- blank line --> Maintenant que nous savons qu’est-ce que le Javascript et à quoi il sert, nous allons maintenant voir comment le programmer et pour cela, il faut commencer par voir où le programmer. Comme le Javascript va nous permettre d’ajouter des scripts à nos pages WEB, il faudra bien évidemment intégrer le JS (Javascript) d’une manière ou d’une autre à notre HTML. Comme avec le CSS, il existe deux méthodes pour l’intégrer. On écrira le code JS soit directement dans l’HTML, soit dans un fichier à part. Les scripts JS étant souvent relativement longs, vous conviendrez qu’il est plus pratique de les créer dans des fichiers à part pour garder une organisation propre de votre code. Attention, peu importe la méthode utilisée, il est important de placer vos scripts tout à la fin du body de la page HTML sinon, il peut y avoir des problèmes lors du chargement de la page bloquant ainsi vos scripts. ``` </section> <!--Intégrez votre Javascript ici--> </body> </html> ```

2 . Méthode 1 : Interne au HTML

Pour ajouter du JS directement dans votre page HTML, il faut ouvrir une balise script et écrire votre code dedans : ```html <script type="text/javascript"> // Mon code Javascript ... </script> </body> ```

3 . Méthode 2 : Fichier .js

Pour créer votre code sur un fichier à part, il vous faudra créer un fichier .js dans lequel vous écrirez directement votre code JS. Ensuite il faut intégrer ce fichier à votre HTML. On crée une balise script contenant le lien vers le fichier JS. ``` <script type="text/javascript" src="monscript.js"></script> </body> </html> ``` L’attribut type peut être omis depuis HTML 5. Vous voilà paré pour créer vos pages incluant du JS qui j’en suis sûr seront de vrais petits bijoux !

4 . Commentaires

Pour pouvoir écrire un commentaire, c’est-à-dire du texte ou du code qui ne sera pas pris en compte lors de la compilation, vous pouvez utiliser 2 écritures différentes : - Le `//` qui permet de mettre ce qui suit sur la ligne en commentaire - Le `/* votre commentaire */` qui permet de mettre en commentaire plusieurs lignes d’un coup (pratique pour le trouble shooting) Exemple : ```html /* Ceci Est Un Commentaire */ alert("message"); // Ceci renvoie le message suivant : message ```