Maison > Article > interface Web > Comment imprimer « Bonjour tout le monde ! » en JavaScript
Comment imprimer « Bonjour tout le monde ! » en JavaScript
- DDDoriginal
- 2024-09-18 11:54:02469parcourir
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!");
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>
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
- Une analyse approfondie du composant de groupe de liste Bootstrap
- Explication détaillée du currying de la fonction JavaScript
- Exemple complet de génération de mot de passe JS et de détection de force (avec téléchargement du code source de démonstration)
- Angularjs intègre l'interface utilisateur WeChat (weui)
- Comment basculer rapidement entre le chinois traditionnel et le chinois simplifié avec JavaScript et l'astuce permettant aux sites Web de prendre en charge le basculement entre les compétences en chinois simplifié et traditionnel_javascript