JavaScriptで、while文の中にif文を入れた時に上手いことループしない

Question

前提・実現したいこと

クイズもどきを作成しています。
promptの「日本の首都は？」という問いに対し、
「東京」と入力されれば「正解です！」のアラートの表示。
「東京」以外の入力であれば「不正解です！」のアラートの表示の後に、
もう一度「日本の首都は？」というpromptを出すようにループさせたいです。

しかし、promptに「東京」と入力しても何も出力されません。

発生している問題

var capital = prompt("日本の首都は？");

while(capital !== "東京"){
    alert("不正解です！")
    prompt("日本の首都は？")
    
if(capital === "東京"){
        alert("正解です！")
    }
};

whileとifの使い方が間違えているのは明白ですが、
何が間違えているのかが分かりません。
無知で申し訳ないですが、解決策が知りたいです。よろしくお願いします。

試したこと

基礎から学び直し、whileとifを色々組み換えて試しましたが
一向にうまくいきません。

補足情報

使用エディタ：VScode

Answer 1

while内のpromptの入力がcapitalに受けてませんよね？
後はwhileの条件とwhile内の条件がほぼ同じで無駄な気がします

Comments

[yambejp]

例えばこんな感じ
var count=0;
var flg=true;
while(flg){
if(++count>3){
alert("game over");
break;
}
if(flg=(prompt("日本の首都は？")!== "東京")){
alert("不正解です！");
continue;
}
alert("正解です！");
}

whileは無限ループになる可能性があるので、回数制限を設けたほうが
よいです。（回数制限するならforでも良い気がしますが・・・）

[kazamidori2140]

ご回答ありがとうございます！
回答例まで載せていただいて、ありがとうございます。
もう一度、自分の力で解いてみます。

Answer 2

解決策が知りたいです

フローチャートを書けば処理を整理できます（アナログに紙に書く or ペン入力できる環境で書く）。
キーボード上で手先だけをカタカタするより、手を大胆に動かしたほうが良い刺激になるのでは。

※「試したこと」にある文言から、全く別の視点で回答させていただきました。

Comments

[think49]

同じ回答をしようとしていたので、高評価します。
特に初心者の中に、コードを書く前の段階で躓いている人を多く見かけます。

# 最適化で「prompt() が一つ」「{} (ブロック)の廃止」になりましたが、そこまでしなくても良さそうですね。

[AkitoshiManabe]

> 特に初心者の中に、コードを書く前の段階で躓いている人を多く見かけます
同感です。「図示すること」を考えると気分転換にもなりますし、うまく整理でき動くコードが書けたときは、図がイメージとして記憶に残るように思います。

[kazamidori2140]

ご回答ありがとうございます！
おっしゃる通り、いきなりコードを書いていました。
これからは、フローチャートで処理を整理してから、コードを書く癖をつけます。

[think49]

VScodeをお使いなら、「VScode + PlantUML」など、いくつかフローチャート用の拡張があります。
紙に書くのと、タイピングでは、使う頭が違うと思うので、性に合ってる方を選んだ方が良いですが。

[think49]

AkitoshiManabe さんが似たような事を仰っていますが、気分転換や思考整理に「紙」、保存用に「電子データ」ですね、私の場合は。

[kazamidori2140]

ありがとうございます！
VScodeってそんな拡張機能もあるんですね。驚きました。
色々試してみて、自分に合うのを探していきます。

Answer 3

まず、再度、whileの基本から再度勉強しましょう。
while構文は、()内の式（値）が真である限り、処理を繰り返す、というものです。

• つまり、質問のコードでは、

東京と入力した時点で、中の構文は繰り返しの条件として真にならないため、実行されないので、何もおきません。

• そして、東京以外の文字列を最初に入力してしまうと、無限ループとなり、whileの中身を実行し続けてしまいます。

なぜなら、while処理の中で、capitalを入れ替えていないため、whileの実行条件が真であり続けてしまうからです。

なので、その二点を修正すれば、
解決するでしょう。

Comments

[kazamidori2140]

ご回答ありがとうございます！
もう一度、基本に立ち返って、
ご教示いただいた解決方法を用いて、再度挑んでみます。