Maison  >  Article  >  interface Web  >  Comment imprimer « Bonjour tout le monde ! » en JavaScript

Comment imprimer « Bonjour tout le monde ! » en JavaScript

DDD
DDDoriginal
2024-09-18 11:54:02486parcourir

Bienvenue dans un autre épisode de notre voyage JavaScript ! Dans cet article de blog, nous aborderons l'une des tâches les plus fondamentales de la programmation : l'impression de « Hello, World ! » à l'écran. Cet exercice simple est un excellent moyen de démarrer avec JavaScript et de comprendre les bases du fonctionnement du langage. Allons-y !

Impression « Bonjour le monde ! » en JavaScript

Impression « Bonjour le monde ! » est un exemple classique utilisé pour introduire de nouveaux langages de programmation. En JavaScript, vous pouvez y parvenir de plusieurs manières, selon l'environnement dans lequel vous travaillez. Nous aborderons les méthodes les plus courantes : utiliser la console du navigateur et afficher le message sur une page Web.

Méthode 1 : Utilisation de la console du navigateur

La console du navigateur est un outil puissant pour tester et déboguer le code JavaScript. Vous pouvez accéder à la console dans la plupart des navigateurs Web modernes en appuyant sur F12 ou Ctrl Shift I (Windows/Linux) ou Cmd Opt I (Mac).

Étapes :

  1. Ouvrez votre navigateur Web et appuyez sur F12 ou Ctrl Shift I (Windows/Linux) ou Cmd Opt I (Mac) pour ouvrir les outils de développement.
  2. Accédez à l'onglet « Console ».
  3. Tapez le code JavaScript suivant et appuyez sur Entrée :
console.log("Hello, World!");

Explication :

  • console.log() est une fonction JavaScript intégrée qui génère un message sur la console du navigateur.
  • La chaîne "Hello, World!" est le message que vous souhaitez afficher.

Méthode 2 : Afficher sur une page Web

Si vous souhaitez afficher « Hello, World ! » sur une page Web, vous devrez écrire du code HTML et JavaScript. Voici comment procéder :

Étapes :

  1. Créez un nouveau fichier HTML (par exemple, index.html).
  2. Ouvrez le fichier dans un éditeur de texte et ajoutez le code suivant :
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Hello, World!</title>
</head>
<body>
    <h1 id="message"></h1>

    <script>
        document.getElementById("message").innerText = "Hello, World!";
    </script>
</body>
</html>

Explication :

  • La déclaration  définit le type de document et la version HTML.
  • L'élément  est l'élément racine du document HTML.
  • L'élément  contient des méta-informations sur le document, telles que le jeu de caractères et le titre.
  • L'élément  contient le contenu de la page Web.
  • L'élément 

     avec l'attribut id message est l'endroit où le message "Hello, World!" un message s'affichera.

  • L'élément