読者です 読者をやめる 読者になる 読者になる

JS入門 #001 JavascriptでHello world

Javascript入門者向けに、実際にJavascriptを動かしてみることを目標にやっていきたいと思います。

以下のファイルを作成し、ブラウザにドラッグしてください!

hello.html

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
</head>
<body>
<script type="text/javascript">
window.alert('Hello World!');
</script>
<noscript>Javascriptが利用できません</noscript>
</body>
</html>

するとこんなダイアログが表示されます!

f:id:stivan:20170203013847p:plain

このようにjavascriptを動かすことができます。 今回は動かしてみることが目標ですが、少しコードの補足をしていきます。

script要素

<script type="text/javascript">
// JSのコード
</script>
  • script要素はHTMLファイルにJSのコード組み込む役割を持っている
  • type属性はスクリプトの種類を表す(text/javascriptがデフォルト)

window.alert

window.alert('Hello World!');

指定された文字列をダイアログに表示する。

お疲れ様でした!