質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

87.49%

Uncaught ReferenceError: com is not definedの解決方法

解決済

回答 3

投稿 編集

  • 評価
  • クリップ 0
  • VIEW 1,631

score 23

イメージ説明

java scriptで、クロームで検証したところ

Uncaught ReferenceError: com is not definedが、25行目で出て,25行目は、

コード
if (hum === com) { 


です。

写真のじゃんけんの手を入れた際に勝ちました。負けました。あいこです。が

でません。

エラーメッセージを直訳すると「参照されないReferenceError:comが定義されていません」

最初のアラートの「半角数字で1~3の数字を入力してください。」は出ます。その後の

写真の部分が出ない状況です。

こちらの解決策を教えてください。

コード
const GU    = 1;
const CHOKI = 2;
const PA    = 3;

let hum = prompt('半角数字で1~3の数字を入力してください。\n\n' + GU + ':グー\n' + CHOKI + ':チョキ\n' + PA + ':パー');
hum = parseInt(hum, 10);
if (hum !== GU && hum !== CHOKI && hum !== PA) {
    alert('入力値をうまく認識できまんでした。ブラウザを再読み込みするともう一度挑戦できます。');
} else {
    let com = Math.floor(Math.random() * 3) + 1;
    let comHandName = '';
    switch (com) {
        case GU:
            comHandName = 'グー';
            break;
        case CHOKI:
            comHandName = 'チョキ';
            break;
        case PA:
            comHandName = 'パー';
            break;
    }
}
    let msgResult = '';
    if (hum === com) {
        msgResult = '結果はあいこでした。';
    } else if ((com === GU && hum === PA) || (com === CHOKI && hum === GU) || (com === PA && hum === CHOKI)) {
        msgResult = '勝ちました。';
    } else {
        msgResult = '負けました。';
    }
    msgResult = msgResult + 'コンピュータの出した手は「' + comHandName + '」でした';
    alert(msgResult);


参考までに正解があるので、正解を記述しておきます。

参考は、最後の結果も表示されます。

コード
// ジャンケンの手の番号を設定
const GU    = 1;
const CHOKI = 2;
const PA    = 3;

// ジャンケンの入力ダイアログボックスを表示
let hum = prompt('半角数字で1~3の数字を入力してください。\n\n' + GU + ':グー\n' + CHOKI + ':チョキ\n' + PA + ':パー');
hum = parseInt(hum, 10);

// 入力値のチェック
if (hum !== GU && hum !== CHOKI && hum !== PA) {
  // 入力値が不適切な場合
  alert('入力値をうまく認識できませんでした。ブラウザを再読み込みすると、もう一度挑戦できます。');
} else {

  // コンピュータの手を決める
  let com = Math.floor(Math.random() * 3) + 1;

  // コンピュータの手の名前
  let comHandName = '';
  switch (com) {
    case GU:
      comHandName = 'グー';
      break;
    case CHOKI:
      comHandName = 'チョキ';
      break;
    case PA:
      comHandName = 'パー';
      break;
  }

  // 結果の判定
  let msgResult = '';
  if (hum === com) {
    msgResult = '結果はあいこでした。';
  } else if ((com === GU && hum === PA) || (com === CHOKI && hum === GU) || (com === PA && hum === CHOKI)) {
    msgResult = '勝ちました。';
  } else {
    msgResult = '負けました。';
  }

  // 最終的な結果の表示
  msgResult = msgResult + 'コンピュータの出した手は「' + comHandName + '」でした';
  alert(msgResult);
}
  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 過去に投稿した質問と同じ内容の質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

質問への追記・修正、ベストアンサー選択の依頼

  • m.ts10806

    2019/06/24 06:33

    25行目はどこでしょうか。console.log()などで処理や変数の動きを追ってデバッグしてみましたか?

    キャンセル

  • ocha9

    2019/06/24 06:51

    console.log()は使いました。処理や変数の動きもおっていますが、25行目がなぜ引っかかるのか分からない状況です。

    キャンセル

  • m.ts10806

    2019/06/24 09:10

    >console.log()は使いました
    それも込みのコードを提示いただいた方がいいかもしれませんね。適切なデバッグになっているかどうかも見えますので。
    解決されたようですが、やはりインデントは大事ですね。

    キャンセル

回答 3

checkベストアンサー

+3

こんにちは。

以下の2点を修正してみるといかがでしょうか?

(1)  let msgResult = ''; の一行上の } を削除する。

修正前:

}
    let msgResult = '';
    if (hum === com) {


修正後:

    let msgResult = '';
    if (hum === com) {

(2) 末尾に } を追加

修正前:

    msgResult = msgResult + 'コンピュータの出した手は「' + comHandName + '」でした';
    alert(msgResult);


修正後:

    msgResult = msgResult + 'コンピュータの出した手は「' + comHandName + '」でした';
    alert(msgResult);
}

以下、jsFiddle に上げました。

以上、参考になれば幸いです。

補足

ご質問に挙げられているコードの誤っている箇所の見つけ方の一例を挙げます。

  •  Uncaught ReferenceError: com is not defined というエラーの内容から、「 { と } の対応が間違っているかも」と推定する。(このように推定できることが、そもそも重要)

  • コードを https://beautifier.io/ にコピペして[Beautify Code]ボタンをクリックする。

  • ご質問にある、うまくいかない方のコードをコピペして[Beautify Code]をクリックすると、 let msgResult = ''; 以降、行頭のインデントがなくなります。

  • これで、どこで { と } の対応がおかしくなったかが分かります。

ちなみに私は、開発ツールとして WebStorm を使っていますが、 WebStorm だと、新しい空のJSファイルを作り、これにご質問にある、うまくいかないほうのコードをコピペすると、コピペした時点でブロックレベルにあわせてインデントが整えられて、以下のようになるので、間違いが瞬時に分かります。

イメージ説明

投稿

編集

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

+1

スコープだと思います。
正解と比較したとき、}がそのifの直前に繰り上げられています。

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

0

変数comがスコープ外なのが原因です。

ご参考

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 87.49%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

同じタグがついた質問を見る