まとめ（10）チェックテスト

演習課題

if文

• 入力した値が「60」以上なら合格、それ以外なら「不合格」とブラウザに表示させない

for文

1. 数値「1から10」までのカウンター数を、コンソールに表示させない
2. 数値「1から10」までの総和を求め、アラートボックスに表示させない

switch文

• 「日本で最も面積が大きい“県”は何県でしょう？」という問題の答えを数種類準備して、問題を作りなさい
• 「正解です。」「北海道は、県ではありません。」「不正解です。」の３種類の判別の場合

Q1

• 同一ディレクトリ内のJavaScriptファイル「sample.js」をHTMLファイルに読み込むには、どのように記述すればよいか書きなさい

Q2

• 以下のスクリプトを実行した結果、コンソールに表示される値はなんですか？

<script>
  var x = 10, y = 20;
  x = y;
  y = x;
  console.log (y);
</script>

Q3

• 以下のスクリプトを実行した結果、コンソールに表示される値はなんですか？

<script>
  var x = 10;
  x += '10';
  console.log (x);
</script>

Q4

• 以下のスクリプトを実行した結果、コンソールに表示される値はなんですか？

<script>
  var fruits = ['りんご', 'みかん', 'パイナップル', 'ぶどう', 'バナナ'];
  console.log ( fruits[2] );
</script>

Q5

• 以下のスクリプトを実行した結果、コンソールに表示される値はなんですか？

<script>
  var fruits = ['りんご', 'みかん', 'パイナップル', 'ぶどう', 'バナナ'];
  console.log ( fruits.length );
</script>

Q6

• コンソールに「50」と表示するには、空欄「（1）」に何を記述すればよいですか？

<script>
  var number = [[10, 20], [30, 40, 50, 60], [70, 80, 90]];
  console.log (number（1）);
</script>

Q7

• 連想配列では、インデックスのことをなんと呼びますか？

Q8

• コンソールに「山田太郎」と表示するスクリプトです。空欄「（2）」に何を記述すればよいですか？

<script>
  var user = { name:'山田太郎', age:25, height:170 };
  console.log (user（2）);
</script>

Q9

• 以下は、連想配列の宣言と初期化を行うスクリプトです。間違っている箇所があります。それはどこですか？

<script>
  var profile = [ height:170, weight:60 ];
</script>

Q10

1年が何秒かを表示するJavaScriptを記述しなさい。

Q11

「長いメッセージの場合は、
改行します。」
と表示するJavaScriptを記述しなさい。

Q12

以下のように表示するJavaScriptを記述しなさい。

Q13

以下のように表示するJavaScriptを記述しなさい。

年齢が20歳以上であったら、以下のように表示されます。

Q14

• 以下のスクリプトで実行をすると、どのような結果が表示されますか？

<script>
  var x = 'ABC';
  if (x != 'ABC') {
    console.log('OK');
  } else {
    console.log('NG');
  }
</script>

Q15

• 以下のスクリプトで実行をすると、どのような結果が表示されますか？

<script>
  var x = 10;
  if (x === '10') {
    console.log('OK');
  } else {
    console.log('NG');
  }
</script>

Q16

• 以下のスクリプトで実行をすると、どのような結果が表示されますか？

<script>
  var x = 10;
  var y = 20;
  if (y >= 10 && x > y) {
    console.log('OK');
  } else {
    console.log('NG');
  }
</script>

Q17

• 以下のスクリプトで実行をすると、どのような結果が表示されますか？

<script>
  var x = 'C';
  switch(x) {
    case 'A':
      console.log('A');
    case 'B':
      console.log('B');
    case 'C':
      console.log('C');
    case 'D':
      console.log('D');
    default:
      console.log('E');
  }
</script>

Q18

• switch文において、if文のelseと同じ役割を果たすキーワードはなんですか？

Q19

• 以下のスクリプトで実行をすると、どのような結果が表示されますか？

<script>
  var x = 'Z';
  switch(x) {
    case 'A':
      console.log('A');
    case 'B':
      console.log('B');
    case 'C':
      console.log('C');
    case 'D':
      console.log('D');
    default:
      console.log('E');
  }
</script>

Q20

• 以下のスクリプトで実行をすると、繰り返しは何回行われますか？

<script>
  var a = 0;
  while(a < 3) {
    a++;
  }
</script>

Q21

• 以下のスクリプトで実行をすると、繰り返しは何回行われますか？

<script>
  var a = 3;
  while(a < 3) {
    a++;
  }
</script>

Q22

• 以下のスクリプトで実行をすると、繰り返しは何回行われますか？

<script>
  for (var i = 5 ; i > 0 ; i--) {
    console.log(i);
  }
</script>

Q23

• 配列fruitsの要素を一覧表示するスクリプトになるよう、空欄（A）（B）を埋めなさい

<script>
  var fruits = ['りんご', 'みかん', 'パイナップル', 'ぶどう', 'バナナ'];
  for (var i =（A）; i <（B）; i++) {
    console.log(fruits[i]);
  }
</script>

Q24

• 以下のスクリプトで実行をすると、繰り返しは何回行われますか？

<script>
  var number = { a:100, b:200, c:300, d:400};
  for (var key in number) {
    console.log(number[key]);
  }
</script>

Q25

• 連想配列userの要素を一覧表示するスクリプトになるよう、空欄（A）（B）を埋めなさい

<script>
  var user = { name: '山田太郎', age: 25, height: 170 };
  for (var x （A） user) {
    console.log(user（B）);
  }
</script>

Q26

• 以下のスクリプトで実行をすると、どのような結果が表示されますか？

<script>
  for (var i = 1; i <= 10; i++) {
    if(i > 5) {
      break;
    } else if (i % 3 == 0) {
      continue;
    }
    console.log(i);
  }
</script>

Q27

• 以下のスクリプトで実行をすると、どのような結果が表示されますか？

<script>
  for (var i = 1; i <= 10; i++) {
    if(i % 2 == 0) {
      break;
    }
    console.log(i);
  }
</script>

Q28

• 以下のスクリプトで実行をすると、どのような結果が表示されますか？

<script>
  for (var i = 1; i <= 10; i++) {
    if(i % 2 == 0) {
      continue;
    }
    console.log(i);
  }
</script>

Q29

• 単価160円の商品を6個購入したとき、1000円支払っておつりは幾らになるか表示するプログラムを書きなさい

Q30

• 以下のオブジェクトが持つメソッドを実行するときには、どのような命令を記述しますか？

<script>
var obj = {
  x: function() { console.log( 'こんにちは' );}
};
</script>

Q31

• メソッドの中で記述すると、オブジェクト自身を表すキーワードはなんですか？

Q32

• 配列はなんという種類のオブジェクトですか？

Q33

• 連想配列はなんという種類のオブジェクトですか？

Q34

• 以下のスクリプトを実行するときには、どのような結果が表示されますか？

<script>
var str = 'money monday month common';
var words = str.match( /mon/g );
console.log( words.length );
</script>

Q35

• 以下のスクリプトを実行するときには、どのような結果が表示されますか？

<script>
var str = 'friday saturday sunday';
var rep = str.replace( /day$/g, 'flower' );
console.log(rep);
</script>

Q36

• item2がもつcalcTaxメソッドを、item1のメソッドであるなのように呼び出すスクリプトを、空欄（A）（B）を埋め完成させなさい

<script>
var item1 = {
  price: 1000
};
var item2 = {
  price: 2000,
  calcTax: function() {
    console.log( this.price * 0.05 );
  }
};
  （A）.calcTax.call(（B）);
</script>

Q37

• Q7のスクリプトが正しく実行されると、どのような結果が表示されますか？

Q38

• 以下はイベントに関する説明です空欄を埋めなさい

Webページ上でボタンのクリックなどのイベントが起こると、（A）がイベントの発生を検知し、関連付けられた任意の処理を呼び出す。
このような仕組みを（B)と呼ぶ。

Q39

• onloadイベントハンドラは、一般的にどの要素に対して関連付けますか？

Q40

• 部品からフォーカスが外れたタイミングで発生するイベントはなんですか？

Q41

• 以下のタグでは、ページが表示されたタイミングでコンソールにメッセージを表示する処理を設定しています。空欄（A）を埋め処理を完成させなさい

<body （A）= "console.log( 'Welcome' );" >

Q42

• 以下のタグでは、テキストボックスからフォーカスが外れたタイミングでコンソールにメッセージを表示する処理を設定しています。空欄（B）を埋め処理を完成させなさい

<input type="text" （B）= "console.log( 'フォーカスが外れました' );"  >

Q43

• 以下のタグでは、セレクトボックスの選択項目が変更されたタイミングでコンソールにメッセージを表示する処理を設定しています。空欄（C）を埋め処理を完成させなさい

<select （C）= "console.log( 'Hello' );"  >

Q44

• 以下のタグでは、ボタンがクリックされたタイミングでfunc関数を呼び出し、引数として自分自身を渡す処理を設定しています。空欄（D）を埋め処理を完成させなさい

<button onclick = "func( （D）);" >ボタン</button>

Q45

• 変数elm にはイベントの発生元の要素が代入されています。要素の vaue属性の値を得るには、空欄（E）には何が入りますか？

elm.（E）