神経衰弱のつづき
this：
idを付与していないdivでも特定できる。動作が発動した発動元を表す。
今日は当たり判定から
①2枚のカードの文字を取得
②2回目が押された時点で比較
③同じだったらOK
2つの変数を用意するわけだがそれを今回は配列で定義
毎回初期化されないように関数の外側で定義
ここまで
--->test3.js
$(function(){
console.log('hi');
var kigo = ['!','!','#','#','$','$','&','&',
'=','=','@','@','+','+','?','?'];//2枚ずつカードを用意
//シャッフルする
for (i=0; i<50; i++){
var r1 = Math.floor(Math.random()*kigo.length);//ランダム小数点切り捨て
var r2 = Math.floor(Math.random()*kigo.length);
var temp = kigo[r1];
kigo[r1] = kigo[r2];
kigo[r2] = temp;
}
console.log([kigo]);
//stage上に16のdivを配置。中身は配列の文字
for (i=0; i<kigo.length; i++){
var ele = $('<div>').text(kigo[i]);//divを生成、textで配列の中身を入れる
$('#stage').append(ele);//stage上に配置
}
var mojis = [];//選択したカードの文字。配列。mojis[0]とmojis[1]に登録するイメージ
var clicks = 0;//カードのクリック回数
//click時の動作予約
$('#stage div').on('click',function(){
mojis[clicks] = $(this).text();//呼び出し元（クリックされたパネル）がもっているtext
//mojisの配列が何番目かはclicksの回数が自動で入る
//console.log('here is in click. moji is' +moji);
$(this).css({'background':'#ffb7a3','color':'#f00'});
clicks ++;//クリック回数を増やす
console.log('mojis is'+mojis+' clicks is'+clicks);
});
});
当たり判定を追加していく（まだ途中）
//2枚以上開く前に判定をする
if (clicks==2){//クリック数が2回目だったら
hantei();//判定の関数を呼び出す
}
});
//当たり判定
function hantei(){
console.log('here is in hantei');
if(mojis[0]==mojis[1]){
console.log('一致');
}else{
console.log('不一致');
}
clicks = 0;//クリック数のリセット
}
