JavaScript ist essentiell für die Erstellung interaktiver und dynamischer Webseiten. Diese Anleitung untersucht zwei Möglichkeiten, JavaScript-Code auszuführen: direkt im Chrome-Browser mithilfe der Entwicklertools und mit Node.js für einen serverseitigen oder eigenständigen Ansatz.
Inhaltsverzeichnis
JavaScript in Chrome DevTools ausführen
Diese Methode eignet sich perfekt zum schnellen Testen und Debuggen von JavaScript-Schnipseln im Kontext einer Webseite. Es sind keine zusätzlichen Installationen erforderlich.
1. Erstellen Sie Ihre JavaScript-Datei:
Verwenden Sie einen Texteditor (Notepad, TextEdit, VS Code usw.), um eine Datei (z. B. myScript.js) mit Ihrem JavaScript-Code zu erstellen:
console.log("Hello from myScript.js!");
let message = "This is a variable.";
console.log(message);
2. Öffnen Sie Chrome DevTools:
Öffnen Sie Chrome, rufen Sie eine beliebige Webseite auf, klicken Sie mit der rechten Maustaste und wählen Sie „Untersuchen“ oder „Element untersuchen“ (oder drücken Sie F12). Klicken Sie auf die Registerkarte „Konsole“.
3. Führen Sie Ihren Code aus (Methode 1: Direkte Eingabe):
Geben Sie JavaScript direkt in die Konsole ein und drücken Sie die Eingabetaste, um es auszuführen. Dies ist am besten für kleine Schnipsel geeignet.
4. Führen Sie Ihren Code aus (Methode 2: Verwenden einer HTML-Datei):
Dies ist besser für größere Skripte geeignet. Erstellen Sie eine HTML-Datei (z. B. index.html):
<!DOCTYPE html>
<html>
<head>
<title>Mein JavaScript-Test</title>
</head>
<body>
<script src="myScript.js"></script>
</body>
</html>
Öffnen Sie index.html in Chrome. Die Konsole zeigt die Ausgabe von myScript.js an.
JavaScript mit Node.js ausführen
Mit Node.js können Sie JavaScript außerhalb eines Webbrowsers ausführen, ideal für serverseitige Skripte, Befehlszeilentools usw. Obwohl es nicht direkt *in* Chrome ausgeführt wird, ist es entscheidend für die Entwicklung von JavaScript, das möglicherweise in Chrome-Erweiterungen oder Webanwendungen verwendet wird.
1. Installieren Sie Node.js:
Laden Sie Node.js von nodejs.org herunter und installieren Sie es. Dies installiert auch npm (Node Package Manager).
2. Erstellen Sie Ihre JavaScript-Datei:
Erstellen Sie Ihre myScript.js-Datei wie oben beschrieben.
3. Ausführen über die Befehlszeile:
Öffnen Sie Ihr Terminal, navigieren Sie zu dem Verzeichnis, das myScript.js enthält, und führen Sie folgenden Befehl aus:
node myScript.js
Die Ausgabe wird in Ihrem Terminal angezeigt. Node.js führt das JavaScript direkt auf Ihrem Computer aus, nicht im Chrome-Browser.