pandaNote

全てのWEBサイトは見つけてもらうために存在する

JavaScriptのテスト対策

JavaScript テスト対策

hysさんのブログを参照に、

自分の薄い記憶を足して復習がてらテスト対策。

 

 ECMAScriptは絶対出るよね。

ECMAScript（エクマスクリプト）

 

  • ECMA：European Computer Manufacturer Association（ヨーロッパ電子計算機工業会）が定めたJavaScriptの標準仕様
  • JavaScriptは、インタプリタをブラウザ中に用意しているため、Webブラウザごとの機能の違いが問題となり、ECMAインターナショナルにより標準化される

  

 

これも絶対出るよね。

HTMLファイルから外部JavaScriptファイルを読み込む

「JavaScriptファイル」を別に作成し、「script要素」でそのファイルの場所を指定します。

スクリプトファイルは「src属性」で呼び出します。

 

<script src="sample.js"></script>

 

 

 この辺は基本なので何かしら出るよね。

 <script>
document.write('こんにちは！');
</script>

 

<script>

alert( 'メッセージを表示するダイアログボックス' );

/*ありがとう、　とか。*/

 

confirm( 'ユーザーに確認を求めるダイアログボックス' );

/*あなたは男性ですか？　とか。*/

 

prompt( 'ユーザーにデータを入力してもらうダイアログボックス');

/*日付を入力してください、　とか。*/

</script>

 

 イベントハンドラーonclick

<script>
  function sayHello() {
    alert('こんにちは');
  }
</script>
</head>
<body>
<button onclick="sayHello();">クリック</button>
</body>  

 

オンクリックでアラート

<body>
<p><img src="img/01.jpg" alt="アマルフィ海岸の写真" onclick="alert('アマルフィ海岸の写真です！')"></p>
</body>

マウスオーバーでアラート

<body>
<p><img src="img/02.jpg" width="550" height="400" alt="アマルフィ船着き場の写真" onmouseover="alert( 'アマルフィ船着き場の写真です！' )"></p>
</body>

 ページを開いた瞬間にアラート

<body>
<p><img src="img/04.jpg" width="550" height="360" alt="アマルフィの写真" onload="alert( 'アマルフィの写真です！' )"></p>
</body>

 

偶数奇数を判別

<script>
var num;

function guki() {
  num = prompt('数値を入力してください。', '半角数字で入力');

if(num % 2 == 0) {
　alert(num + 'は偶数です。');
} else {
　alert(num + 'は奇数です。');
}

}
</script>
</head>
<body>
<h1>偶数か奇数かの判別します</h1>
<p>ボタンをクリックすると数値を入力するウインドウが表示されます。</p>
<p><button onclick="guki()">判別する</button></p>
</body>

 

1〜10を足していく？みたいなのがあったような気がする。

for文でこんな感じ？　（修正しました　11/4）

<script>
var sum=0;
for(var i=1; i<=10; i++){
sum +=i;
}
document.write('1~10の合計は、' +sum+ 'です。');
</script> 

 

フルーツがどうとか・・

変数は１つしか値を扱えない

対して配列は複数の値をまとめて保存できる

配列を囲むカッコは [ ] これ。

var fruits = ['apple','banana','grape'];

document.write(fruits[2]);

[2]というのは ["apple","banana","grape"]の何番目の値を表示するか、の意。

ちなみに１番目が[0]なので[2]は３番目の"grape"を指す。

 

フルーツの追記（12/21のチェックテストより）

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

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

答え

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

 

 

http://d.hatena.ne.jp/web-mind/20151221 

サイコロ？に関してはよくわからないので今のところ諦める予定

先生のブログには書いてあるけど〜

↓

http://d.hatena.ne.jp/web-mind/20140724

 

 

 

何か間違えてたら教えてください。

お願いします。