Afficher une boîte de dialogue

Parent Previous Next

Afficher une boîte de dialogue

Le Hello World!



Ne dérogeons pas à la règle traditionnelle qui veut que tous les tutoriels de programmation commencent par afficher le texte « Hello World! » (« Bonjour le monde ! » en français) à l'utilisateur. Voici un code HTML simple contenant une instruction (nous allons y revenir) Javascript, placée au sein d'un élément <script> : 

Code : HTML - Hello World! 

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

<!DOCTYPE html>

<html>

 <head>

   <title>Hello World!</title>

 </head>

     

 <body>


   <script>


     alert('Hello world!');

   

   </script>

   

 </body>

</html>




Écrivez ce code dans un fichier HTML, et ouvrez ce dernier avec votre navigateur habituel. Une boîte de dialogue s'ouvre, vous présentant le texte « Hello World! » :


Les nouveautés



Dans le code HTML donné précédemment, on remarque quelques nouveautés. 

Tout d'abord, un élément <script> est présent : c'est lui qui contient le code Javascript que voici :

Code : JavaScript

1

alert('Hello world!');



Il s'agit d'une instruction, c'est-à-dire une commande, un ordre, ou plutôt une action que l'ordinateur va devoir réaliser. Les langages de programmation sont constitués d'une suite d'instructions qui, mises bout à bout, permettent d'obtenir un programme ou un script complet. 

Dans cet exemple, il n'y a qu'une instruction : l'appel de la fonction alert().


La boîte de dialogue alert()



alert() est une instruction simple, appelée fonction, qui permet d'afficher une boîte de dialogue contenant un message. Ce message est placé entre apostrophes, elles-mêmes placées entre les parenthèses de la fonction alert()

Ne vous en faites pas pour le vocabulaire. Cette notion de fonction sera vue en détail par la suite. Pour l'instant, retenez que l'instruction alert() sert juste à afficher une boîte de dialogue.



Créé avec HelpNDoc Personal Edition: Environnement de création d'aide complet

Site à deux balles