96's blog

WEBサイト制作科 6ヶ月コース

JavaScript01

JAVAという別物があるので、省略してジャバと呼ばない。

ソースで著作権を表示しているものもある。

プログラムの形式

JavaScriptの記述

  • 変数 variable。varと記述する。
  • 等式の左の箱に右の式を入れる。
  • ctrl+スペース 候補
  • スクリプトタグはいくつ使ってもOK。
  • typeof演算子 数値(number)や文字列(length)などデータの型を返す。
  • インクリメント・デクリメント
  • 二次元配列 インデックスは0から。
  • length 配列の数を返す。文字数ではない。
  • 連想配列 インデックスはキーと呼ばれる。要素追加できる。

表示

  • Chromeで表示を確認。
  • document.write(); ブラウザに表示
  • alert(); ダイアログボックスに表示
  • console.log(); 要素検証のconsole欄に表示

確認テスト

<!DOCTYPE HTML>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>JavaScriptテスト</title>
<script src="sample.js"></script><!-- Q1 -->
</head>
<body>
<script>  //Q9  ×[]  ○{}
  var profile = { height:170, weight:60 };
  console.log(profile.height)
</script>
<script>  //Q8  .name
  var user = {name:'山田太郎',age:25,height:170};
  console.log(user.name);
</script>
<!-- Q7  キー-->
<script> //Q6  [1][2]
  var number = [ [ 10,20 ],[ 30,40,50,60] ,[ 70,80,90 ]];
  console.log(number[1][2]);
</script>
<script> //Q5 5
  var fruits = ['りんご','みかん','パイナップル','ぶどう','バナナ']
  console.log (fruits.length);
</script>
<script> //Q4 パイナップル
  var fruits = [ 'りんご', 'みかん', 'パイナップル', 'ぶどう', 'バナナ'];
  console.log (fruits[2]);
</script>
<script> //Q3 1010
  var x = 10;
  x += '10';
  console.log(x);
</script>
<script> //Q2 20
  var x = 10, y = 20;
  x = y;
  y = x;
  console.log(y);
</script>
</body>
</html>