JavaScript で「Hello, World!」を印刷する方法-jsチュートリアル-php.cn

JavaScript の旅の別の記事へようこそ!このブログ投稿では、プログラミングにおける最も基本的なタスクの 1 つである、「Hello, World!」の出力について説明します。画面に。この簡単な演習は、JavaScript を使い始めて、言語の仕組みの基本を理解するのに最適な方法です。飛び込んでみましょう!

「Hello, World!」を印刷するJavaScript で

「Hello, World!」を印刷するは、新しいプログラミング言語を導入するために使用される典型的な例です。 JavaScript では、作業している環境に応じて、いくつかの方法でこれを実現できます。ブラウザコンソールを使用する方法と、Web ページにメッセージを表示する方法という、最も一般的な方法について説明します。

方法 1: ブラウザコンソールを使用する

ブラウザコンソールは、JavaScript コードのテストとデバッグのための強力なツールです。ほとんどの最新の Web ブラウザでコンソールにアクセスするには、F12 または Ctrl Shift I (Windows/Linux) または Cmd Opt I (Mac) を押します。

手順:

Web ブラウザを開き、F12 または Ctrl Shift I (Windows/Linux) または Cmd Opt I (Mac) を押して開発者ツールを開きます。
「コンソール」タブに移動します。
次の JavaScript コードを入力し、Enter を押します。

console.log("Hello, World!");

ログイン後にコピー

説明:

console.log() は、ブラウザのコンソールにメッセージを出力する組み込みの JavaScript 関数です。
文字列「Hello, World!」は、表示するメッセージです。

方法 2: Web ページに表示する

「Hello, World!」を表示したい場合Web ページでは、HTML および JavaScript コードを記述する必要があります。その方法は次のとおりです:

手順:

新しい HTML ファイルを作成します (例: index.html)。
テキストエディタでファイルを開き、次のコードを追加します。

<!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>

ログイン後にコピー