JavaScriptの授業が楽しい！ - 汗で稼ぐ榎本行宏の『えのちゃんねる日記（仮題）』〜webデザインの勉強と漫画と小説と麻雀と、あとなんか。〜はてなダイアリー版バージョン1.17

汗で稼ぐ榎本行宏（フェリカwebサイト制作科2014年8月18日開講の生徒）です。
今日もJavaScriptだった。
JavaScriptの授業が楽しくなってきた！
さすが江川達也さんが「JavaScriptは最高！」って言ってただけある！
HTMLやCSSは難しくてよくわかってなかったけどJavaScriptはなんか僕は理解してると思う！
JavaScriptに目覚めた！（*ω*）

今日やったJavaScriptは下の方にコピペしますた。

榎本行宏のツイッター↓
@yukihiroenomoto

↓えのちゃんねる日記のはてなブログ版。
汗で稼ぐ榎本行宏の『えのちゃんねる日記（仮題）』〜webデザインの勉強と漫画と小説と麻雀とあとなんか。〜はてなブログ版バージョン1.17 yukihiroenomoto666’s diary

↓えのちゃんねる日記のはてなダイアリー版。
汗で稼ぐ榎本行宏の『えのちゃんねる日記（仮題）』〜webデザインの勉強と漫画と小説と麻雀と、あとなんか。〜はてなダイアリー版バージョン1.17

↓授業で作ってるjimdoの僕のページ。
http://comic-parkdias-ye-666.jimdo.com/

↓以下は今日の授業でやったJavaScript。

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>switch文の特徴</title>
<script>
  var a = 2;
  switch(a) {
    case 1:
      console.log('aは1です');
      break;
    case 2:
      console.log('aは2です');
      break;
    case 3:
      console.log('aは3です');
      break;
    default:
      console.log('一致なし');
}

</script>
</head>

<body>
</body>
</html>


<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>switch文による多方向分岐</title>
<script>
  var color = '黒';
  switch(color) {
    case '青':
    case '緑':
      console.log('進む');
      break;
    case'黄':
      console.log('急いで進む');
      break;
    case'赤':
      console.log('止まる');
      break;
    default:
      console.log('信号機の故障');
}
</script>
</head>

<body>
</body>
</html>


<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>配列</title>
</head>

<body>
<script>
  var number = [ 10, 20, 30 ];
  number[1] = 50;
//console.log(number[1]);
  number[3] = 99;
  console.log(number);
</script>
</body>
</html>


<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>無題ドキュメント</title>
</head>

<body>
<script>
  var number = [];
  number[0] = 10;
  number[1] = 20;
  number[2] = 30;
  console.log(number.length);
</script>
</body>
</html>

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>無題ドキュメント</title>
</head>

<body>
<script>
  var number = [ [ 10 , 20 , 30 ] , [ 40 , 50 , 60 ] ];
  console.log(number[0][0]);
  console.log(number[0][1]);
  console.log(number[0][2]);
  console.log(number[1][0]);
  console.log(number[1][1]);
  console.log(number[1][2]);
</script>
</body>
</html>


<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>無題ドキュメント</title>
</head>

<body>
<script>
  var favorites = {
    food : 'カレー',
    color : '青',
    number : 7
};
  console.log(favorites.food);
  console.log(favorites.color);
  console.log(favorites.number);
</script>
</body>
</html>


<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>無題ドキュメント</title>
</head>

<body>
<script>
  var favorites = {
    '食べ物' : 'カレー',
    '色' : '青',
    '数字' : 7
};
document.write(favorites['食べ物']);
document.write(favorites['色']);
document.write(favorites['数字']);
</script>
</body>
</html>


<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>無題ドキュメント</title>
</head>

<body>
<script>
  var color = prompt('信号の色を入れてください','');
  var signal = {
    '青' : '進め',
    '緑' : '進め',
    '黄' : '注意せよ',
    '赤' : '止まれ',
    '黒' : '故障',
};
document.write('<h1>'+signal[color]+'</h1>');
</script>
</body>
</html>