简体中文（ZH-CN）English（EN）繁体中文（ZH-TW）日本語（JA）한국어（KO）Melayu（MS）Français（FR）Deutsch（DE）
Heim
Artikel
Fragen und Antworten
Kurs
Thema
Herunterladen
Spiel
Wörterbuch
kürzliche Updates

Heim  >  Artikel  >  Web-Frontend  >  So drucken Sie „Hello, World!“ in JavaScript

So drucken Sie „Hello, World!“ in JavaScript

DDD
DDDOriginal
2024-09-18 11:54:02469Durchsuche

Willkommen zu einem weiteren Teil unserer JavaScript-Reise! In diesem Blogbeitrag behandeln wir eine der grundlegendsten Aufgaben beim Programmieren: das Drucken von „Hello, World!“ zum Bildschirm. Diese einfache Übung ist eine großartige Möglichkeit, mit JavaScript zu beginnen und die Grundlagen der Funktionsweise der Sprache zu verstehen. Lasst uns eintauchen!

Drucken von „Hello, World!“ in JavaScript

Drucken von „Hello, World!“ ist ein klassisches Beispiel zur Einführung neuer Programmiersprachen. In JavaScript können Sie dies je nach der Umgebung, in der Sie arbeiten, auf verschiedene Arten erreichen. Wir behandeln die gängigsten Methoden: die Verwendung der Browserkonsole und die Anzeige der Nachricht auf einer Webseite.

Methode 1: Verwendung der Browserkonsole

Die Browserkonsole ist ein leistungsstarkes Tool zum Testen und Debuggen von JavaScript-Code. Sie können in den meisten modernen Webbrowsern auf die Konsole zugreifen, indem Sie F12 oder Strg Umschalt I (Windows/Linux) oder Befehlstaste Opt I (Mac) drücken.

Schritte:

  1. Öffnen Sie Ihren Webbrowser und drücken Sie F12 oder Strg Umschalt I (Windows/Linux) oder Befehlstaste Opt I (Mac), um die Entwicklertools zu öffnen.
  2. Navigieren Sie zur Registerkarte „Konsole“.
  3. Geben Sie den folgenden JavaScript-Code ein und drücken Sie die Eingabetaste: 
console.log("Hello, World!");

Erklärung:

  • console.log() ist eine integrierte JavaScript-Funktion, die eine Nachricht an die Browserkonsole ausgibt.
  • Die Zeichenfolge "Hello, World!" ist die Nachricht, die Sie anzeigen möchten.

Methode 2: Anzeige auf einer Webseite

Wenn Sie „Hello, World!“ anzeigen möchten. Auf einer Webseite müssen Sie HTML- und JavaScript-Code schreiben. So können Sie es machen:

Schritte:

  1. Erstellen Sie eine neue HTML-Datei (z. B. index.html).
  2. Öffnen Sie die Datei in einem Texteditor und fügen Sie den folgenden Code hinzu: 
<!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>

Erklärung:

  • Die  Deklaration definiert den Dokumenttyp und die Version von HTML.
  • Das  Element ist das Stammelement des HTML-Dokuments.
  • Das  Element enthält Metainformationen über das Dokument, wie z. B. den Zeichensatz und den Titel.
  • Das  Element enthält den Inhalt der Webseite.
  • Im 

     Element mit dem id Attribut message ist das „Hello, World!“-Element. Die Meldung wird angezeigt.

  • Das