検索

ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScript で「Hello, World!」を印刷する方法

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

DDD
DDDオリジナル
2024-09-18 11:54:02486ブラウズ

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) を押します。

手順:

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

説明:

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

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

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

手順:

  1. 新しい HTML ファイルを作成します (例: index.html)。
  2. テキスト エディタでファイルを開き、次のコードを追加します。 
<!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>

説明:

  • 宣言は、HTML のドキュメント タイプとバージョンを定義します。
  • 要素は、HTML ドキュメントのルート要素です。
  • 要素には、文字セットやタイトルなどのドキュメントに関するメタ情報が含まれます。
  • 要素には、Web ページのコンテンツが含まれます。
  • 属性を持つ

    要素メッセージ

    • は、「Hello, World!」が表示される場所です。メッセージが表示されます。