JS関数が「定義されていません」とブラウザの主張がありますが、コマンドラインから実行した場合は動作します

Question

Javascriptを使い始めていて、Jeopardyゲームを構築しようとしています。別の機能の中で。私のサイト上では、このボタンをクリックします。この機能を実行します

<input type="button" value="Build My Jeopardy! Game" onclick="drawBoard()"> 

： - ：

function drawBoard() { 

    formtoVariables(); 

    document.getElementById('body').innerHTML = '<center><h1>Jeopardy!</h1><div id="screen"><table id="board"><thead><td id="cat1" value="cat1"></td><td id="cat2"></td><td id="cat3"></td><td id="cat4"></td><td id="cat5"></td></thead><tr><td id="r1c1"></td><td id="r1c2"></td><td id="r1c3"></td><td id="r1c4"></td><td id="r1c5"></td></tr><tr><td id="r2c1"></td><td id="r2c2"></td><td id="r2c3"></td><td id="r2c4"></td><td id="r2c5"></td></tr><tr><td id="r3c1"></td><td id="r3c2"></td><td id="r3c3"></td><td id="r3c4"></td><td id="r3c5"></td></tr><tr><td id="r4c1"></td><td id="r4c2"></td><td id="r4c3"></td><td id="r4c4"></td><td id="r4c5"></td></tr><tr><td id="r5c1"></td><td id="r5c2"></td><td id="r5c3"></td><td id="r5c4"></td><td id="r5c5"></td></tr></table></div></center>'; 

    fillBoardWithText(); 

}; 

私はに実行している問題がformToVariables（）であるのブラウザは私に、このエラーが発生します

ReferenceError: formtoVariables is not defined

しかし、私はChromeでコンソールを開き、入力した場合

formToVariables(); 

関数が実行されます。私はこの問題がスコープに関連している可能性があると思います。私はformToVariables（）を自分で呼び出すことができますが、何らかの理由でdrawBoard（）にアクセスできません。それがなぜ起こっているのでしょうか？あるいは、何か他の問題に関連しているのでしょうか？

Answer 1

あなたのトンではなく、資本の小文字されています

formtoVariables(); 

は次のようになります。

formToVariables(); 

Javascriptが大文字と小文字が区別されるので、これらの2人の異なる関数名です。 2番目は定義され、1番目は定義されません。

Answer 2

JavaScriptは大文字と小文字を区別します。 formToVariables！= formtoVariables。