communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > js tutoriel > Comment imprimer « Bonjour tout le monde ! » en JavaScript

Comment imprimer « Bonjour tout le monde ! » en JavaScript

DDD
Libérer： 2024-09-18 11:54:02
original
510 Les gens l'ont consulté

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!");
Copier après la connexion

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>
Copier après la connexion

Explication :

Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal