Comment imprimer « Bonjour tout le monde ! » en JavaScript-js tutoriel-php.cn

Comment imprimer « Bonjour tout le monde ! » en JavaScript

DDD

Libérer： 2024-09-18 11:54:02

original

517 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 :

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.
Accédez à l'onglet « Console ».
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 :

Créez un nouveau fichier HTML (par exemple, index.html).
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