● STEP 0-1

JavaScriptの操作の基本を確認する

alertを表示する

　とにかく一度JavaScriptを動かしてみたいので、リスト0-1-01のようなHTMLを書いてみましょう。HTMLが書けたらブラウザに読み込ませてみてください。

DEMO https://books.circlearound.co.jp/step-up-javascript/demos/step0/1

0-1-01　index.html

<!DOCTYPE html>

<html lang="ja">

<head>

　<meta charset="UTF-8">

　<title>Step0</title>

　<script>

　　// scriptタグの中にJavaScriptのコードを書く

　　alert('Hello');

　</script>

</head>

<body>

　こんにちは

</body>

</html>

　ブラウザに読み込ませる方法はいくつかありますが、例えば以下のような方法があるでしょう。他の方法も含めて慣れている方法で行っていただいて大丈夫です。

　　●書いたファイルをブラウザのウィンドウにドラッグ&ドロップする

　　●ファイルダイアログを開いて辿る。 ...

Get ステップアップJavaScript フロントエンド開発の初級から中級へ進むために now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.

Start your free trial