はじめにJavascript - 関数、構文、ロジック

Question

ロック、ペーパー、ハサミのゲームを構築しようとしています。ここに私のコードです：

var options = ["r", "p", "s"]; 
 
    
 
document.onkeyup = function() { 
 
    var userGuess = String.fromCharCode(event.keycode).toLowerCase(); 
 

 
    console.log(userGuess); 
 

 
    var computerGuess = options[Math.floor(Math.random() * options.length)]; 
 

 
    console.log(computerGuess); 
 

 
    if (userGuess == "r" || userGuess == "p" || userGuess == "s") { 
 
     alert("Chosen Correctly - Good job!"); 
 
    } else { 
 
     alert("Please choose r, p, or s"); 
 
    } 
 
}

私はR、Pキーを押す、またはS際、私の警告は "！正しく選択 - 良い仕事" を言うことはありません。代わりに、警告は "r"、 "p"、または "s"を選択してください。 HHHmmmm、この作業がなければ、ユーザーの推測をコンピュータの推測と比較することはできません。新鮮な目のセットは私を助けますか？どうぞありがとうございます。

Answer 1

2つの変更：。eventで

1. 峠ので、それはですローカルで利用可能（あなたがそれを持っているように、ではないkeycode）
2. keyCodeは、intercapsで書かれている;。JavaScriptは大文字と小文字が区別され

良いデバッグのヒント。検査しようとしているオブジェクトがconsole.dir()になると、正しい（利用可能な）プロパティとメソッド名が表示されます。

（但し、eventは巨大であるため、あなたはふるいにかけなければなりません。）

var options = ["r", "p", "s"]; 
 
    
 
document.onkeyup = function(event) { 
 

 
    var userGuess = String.fromCharCode(event.keyCode).toLowerCase(); 
 

 
    console.log(userGuess); 
 

 
    var computerGuess = options[Math.floor(Math.random() * options.length)]; 
 

 
    console.log(computerGuess); 
 

 
    if (userGuess == "r" || userGuess == "p" || userGuess == "s") { 
 
     alert("Chosen Correctly - Good job!"); 
 
    } else { 
 
     alert("Please choose r, p, or s"); 
 
    } 
 
}

Answer 2

keyCodeにキャセタルCがありません。

var userGuess = String.fromCharCode(event.keyCode).toLowerCase();

Answer 3

event.keycode C.はまた、おそらく、それはすでに文字列であるので、ちょうど、event.keyを使用する方が良いだろう資本に気づく、event.keyCodeでなければなりません。

あなたはどのブラウザで開発していますか？開発ツールはほとんどの場合F12キーを押すことでアクセスできます。ここでは、プログラムの実行中にブレークポイントに変数にアクセスすることができます。

Answer 4

他の人が言っているように、あなたはkeyCodeの大文字の "C"を忘れていました。

しかし、eventはどこにも定義されていません。グローバルeventオブジェクトを使用することは悪い考えであり、（ありがたいことに）すべてのブラウザでサポートされているわけではありません。 event.keyCodeではなくevent.whichを使用することもできますが、これはすべてのイベントで一貫して機能しません。

イベントハンドラの開始がより次のようになります。

document.onkeyup = function(event) { 
    var userGuess = String.fromCharCode(event.which).toLowerCase(); 
    ... 

しかし、あなたはまた、このように、何が起こっているかを確認するためにコンソールロギングを使用することができます：私はdidnの

document.onkeyup = function(event) { 
    console.log("event=", event); 
    var userGuess = String.fromCharCode(event.which).toLowerCase(); 

注意をconsole.log("event=" + event);

+と入力すると、イベントはのように出力されます。カンマ（および任意の近代的なブラウザのデベロッパーコンソールで、F12と通常のアクセスは、オブジェクトの内容を参照することができるでしょう

Answer 5

あなたは、イベントハンドラへのparamaterとしてeventを持っていることになるでしょうし、それがevent.keyCodeではなくevent.keycode（ワットHICHはを不定となります）です。

var options = ["r", "p", "s"]; 
 
    
 
document.onkeyup = function(event) { 
 
    var userGuess = String.fromCharCode(event.keyCode).toLowerCase(); 
 

 
    console.log(userGuess); 
 

 
    var computerGuess = options[Math.floor(Math.random() * options.length)]; 
 

 
    console.log(computerGuess); 
 

 
    if (userGuess == "r" || userGuess == "p" || userGuess == "s") { 
 
     alert("Chosen Correctly - Good job!"); 
 
    } else { 
 
     alert("Please choose r, p, or s"); 
 
    } 
 
}

Answer 6

ちょっと変わってevent.keycodeevent.keyCode