マジレス希望

[Javascript] キーボードからの入力と変数の文字列(カンマやピリオド…)を一致させるには?

解決済

質問者：PlanetSD
質問日時：2016/06/22 16:56
回答数：1件

下記のコードのように、 <p id="target"></p>内に、文字列「I can't believe it.」を表示し、PCのキーボードより入力をおこない、もし一文字が正解なら、'_' (アンダースコア) に変換して、次の文字に繰り返し進んでいくというプログラムです。ここで、ひとつ問題がありまして、「I can't believe it.」という文字列のカンマと、ピリオドが、キーボードからの入力では、処理されず '_' に変換されません。　おそらく　 if (String.fromCharCode(e.keyCode) === cw[cl].toUpperCase()) {　の部分が、英文字にだけ等しくなっっているようで、ここにカンマやピリオドも含めるようにするにはどのように書いたらよいでしょうか? 　また、他にも、今回は、「I can't believe it.」と表示していますが、数値も含める場合、「shibuya101」などの文字列にしたばあいも、数値の部分で処理されていないので、数値も含めるばあいもどのように書いたらよいのか教えてください。よろしくお願いします。

<!DOCTYPE html>
<html lang="ja">
<body>

<p id="target"></p>

<script>
(function() {
'use strict';

var cw = 'I can\'t believe it\.';
var cl = 0;
target.innerHTML = cw;

window.addEventListener('keyup', function(e) {

if (String.fromCharCode(e.keyCode) === cw[cl].toUpperCase()) {
cl++;
var placeholder = '';
for (var i = 0; i < cl; i++) {
placeholder += '_';
}
target.innerHTML = placeholder + cw.substring(cl);

}

});

})();
</script>

</body>
</html>