Hello World V1

[[web:javascript|{{ :iconemaison.jpg?nolink&25|Accueil JavaScript}}]] ==== "Hello World" en JavaScript ==== [Mise à jour le 11/8/2021] * **Sources** : MDN web docs Mozilla ---- {{ :web:javascript:hello:hellov1.png?nolink|}} === Version 1 === La **méthode** //write// appliquée à l'**objet** //document// permet d'intégrer du texte à la page html.






    
    Hello World V1

=== Version 2 === Dans cette deuxième version, le script repère la balise

par son identifiant à l'aide de la **méthode** //getElementById// de l'**objet** //document// et y place un nouveau contenu à l'aide de la **propriété** //innerHTML//. On obtient le même résultat que dans la version précédente. Hello World V2

L'éditeur **VSCode** identifie une **méthode** par un cube {{:web:javascript:hello:symbolmethod.png?nolink&200|}} et une **propriété** par un parallélogramme rectangle {{:web:javascript:hello:symbolfield.png?nolink&200|}}. Cette indication permet d'identifier la **syntaxe** attendue par le navigateur. === Version 3 === Le script est placé à l'**extérieur** de //body//. Il crée une **variable** de type "objet paragraphe" nommée //monparagraphe// avec la **méthode** //createElement// de l'objet //document//. Il intègre le texte à //monparagraphe// avec la **propriété** //innerHTML// et place //monparagraphe// dans //body// avec la **méthode** //appendChild//.






    
    Hello World V3

=== Version 4 === {{ :web:javascript:hello:alert.png?nolink&350|}} Le script est placé à l'**extérieur** de //body//. Cette version utilise une **boîte de dialogue**.






    
    Hello World V4

=== Version 5 === {{ :web:javascript:hello:console.png?nolink|}} Le script est placé à l'**extérieur** de //body//. L'affichage se fait dans la console du navigateur. On accède à a console avec **F12** -> onglet **Console**.






    
    Hello World V5