Skip to content

index.mdx

Latest commit

 

History

History
86 lines (58 loc) · 3.24 KB

index.mdx

File metadata and controls

86 lines (58 loc) · 3.24 KB
title JavaScriptことはじめ

import helloWorldByJavascriptVideo from "./hello-world-by-javascript.mp4";

[[JavaScript]]

{/* prettier-ignore */} [[HTML]]がウェブサイトの構造を表す言語だとすれば、[[JavaScript]]はウェブサイトに振る舞いを与える言語といえます。ブラウザさえあれば環境に関係なく同じように実行可能な、強力なプログラミング言語です。

Web開発で用いられる言語

[[JavaScript]]でHello World!

プログラミングの世界では、まず画面にHello World!と表示させることが慣例になっています。[[JavaScript]]を用いて画面にHello World!を表示してみましょう。

まずは、index.htmlを次のように書き換えます。

<!doctype html>
<html lang="ja">
  <head>
    <meta charset="utf-8" />
    <title>Title</title>
  </head>
  <body>
    <script src="./script.js"></script>
  </body>
</html>

続いて、script.jsを作成し、内容として次の通りに保存します。

document.write("Hello World!");

index.html をダブルクリックして開いてください。Hello World!と表示されましたか？開くのは、script.jsではなくindex.htmlなので、気をつけてください。