JavaScript 入門 基礎編 00 – とにかく動かしてみよう(guide)

phiary に引っ越しました. 毎日プログラミングやWebに関する情報を発信しています! RSS 登録してたまに覗いたり, tweet やハテブして拡散してもらえると幸いです.

Pocket

メモ帳で JavaScript を編集し, ブラウザで実行するまでの流れです.

DEMO

今回制作するデモはこちら.

VIDEO

チュートリアルムービー

CODE

デモのソースコード

<script>
document.write("Hello, world!");
</script>

TIPS

JavaScript を編集

<script>~</script>の~の部分にJavaScript のコードを書くことで, ブラウザ側にプログラムだと認識されます.

画面上に文字を表示

document.write(“…”); の …の部分に書いた文字列が画面上に表示されます. 今回は document.write(“Hello, world!”); と書いているので, 画面上に Hello, world! と表示されます.

再編集

拡張子を html とすることでブラウザで実行できるようになります. ですが, ダブルクリックでファイルを開いた際ブラウザで開かれるので編集できなくなります.

再編集したい場合はファイルを右クリック、, “プログラムから開く” でメモ帳を指定するか, ファイルをメモ帳にドラッグ & ドロップしてください.

TRACK BACK URL

POST COMMENT

メールアドレスが公開されることはありません。

COMMENT