if文が動作しない➕　setTimeoutについて。

現在gif画像を使って、じゃんけんゲームもどきを作っているのですが、相手の体力がなくなった時に動作するようにしたif文が動作しません。
また、setTimeoutでタイミングをズラしてダメージが反映されたり、
gif画像をデフォルトの画像に戻すということをしているのですが、この場合、
選択肢を連打されたり、gifが終了する前に次の選択肢を選ばれたら挙動がおかしくなってしまいます。
そこで、選択肢がクリックされたら、選択肢のclass（MySelect）をattrで変更し、デフォルトの画像に戻るsetTimeout処理でそのクラスを元に戻せば、終わるまで選択肢をクリックしても、大丈夫になると考えたのですが、うまくいきませんでした。（普通に連打できてしまう。）
あとは。clearTimeoutを使えば良いのかなと考えていますが、うまく思いつきません。
アドバイスをいただけると嬉しいです。
初心者なもので、拙いコードですがご了承ください。
動作していないif文は一番最後の２つです。

コード修正中です。

think49

2016/06/01 02:03

CoffeeScript をコンパイルした JavaScript コードの追記をお願いします。trial2.js なのでしょうか。

退会済みユーザー

2016/06/01 04:08

追記いたしました。

kei344

2016/06/11 05:28

コードがありませんが、追記される予定なのでしょうか。また、追記されない場合は一度「解決済」にされることをお勧めします。

行動規範の内容に同意します

回答3件

こんにちは。

数値と比較しているようなので、
parseIntまたはparseFloatで囲って、
数値に変換してみるのはどうでしょうか。

例：

js
1parseFloat($('#EnemyGage').val())

投稿2016/05/31 07:49

momotaro888

総合スコア21

退会済みユーザー

2016/05/31 11:50

挙動は変わらなかったですね....

行動規範の内容に同意します

この状態では最後の2つのif文は、このスクリプトが初期化された際に一度だけ実行され、
じゃんけんするたびに判定する挙動にはなりません。
以下のように、最後の2つのifの処理を関数化するなどし、
win、lose関数の中で呼び出してみてはいかがでしょう。

win = function(damage, time) {
  var attack;
  return attack = setTimeout(function() {
    var _eneGage;
    _eneGage = $('#EnemyGage').val() - damage;
    $('#EnemyGage').val(_eneGage);
    check(); // ←ここで最終勝敗判定を実行
  }, time);
};
lose = function(damage, time) {
  var attacked;
  return attacked = setTimeout(function() {
    var _myGage;
    _myGage = $('#MyGage').val() - damage;
    $('#MyGage').val(_myGage);
    check(); // ←ここで最終勝敗判定を実行
  }, time);
};

// 最終勝敗判定
check = function() {
  if (parseFloat($('#EnemyGage').val()) <= 0) {
    console.log('kati');
    $('.remove').empty();
    $('#resultImg').html("<img src=\"img/youwin.jpg\"/>");
    $('#resultImg').fadeIn(10000);
  }
  if ($('#MyGage').val() <= 0) {
    console.log('make');
    $('.remove').empty();
    $('#resultImg').html("<img src=\"img/gameover.jpg\"/>");
    return $('#resultImg').fadeIn(10000);
  }
};

投稿2016/06/02 00:29