希望の値が入力されるたびにプロンプ​​トが表示される方法

Question

これは機能するシンプルなJSの例です。少し改善するつもりです。
私はJSの初心者です。私はここで私の頭の中で踏み込んでいないことを願っています。関係なく、ユーザーが入力した回数、：

var color1 = prompt("Enter first color: yellow, red or blue"); 
var color2 = prompt("Enter second color: yellow, red or blue"); 

if (color1 == "yellow" && color2 == "yellow"){ 
     console.log("mixing of these two colors makes yellow"); 
    } 
if (color1 == "red" && color2 == "red"){ 
     console.log("mixing of these two colors makes red"); 
    } 
if (color1 == "blue" && color2 == "blue"){ 
     console.log("mixing of these two colors makes blue"); 
    } 
if (color1 == "yellow" && color2 == "red" || color1 == "red" && color2 == "yellow"){ 
     console.log("mixing of these two colors makes orange"); 
    } 
if (color1 == "yellow" && color2 == "blue" || color1 == "blue" && color2 == "yellow"){ 
     console.log("mixing of these two colors makes green"); 
    } 
if (color1 == "blue" && color2 == "red" || color1 == "red" && color2 == "blue"){ 
     console.log("mixing of these two colors makes purple"); 
    } 

は、私は何をしたい最初のプロンプトが適切に（正確に）なるまで（黄色、赤、青である）入力された2番目のプロンプトが表示できるようにすることではないではありません「間違った」値。
私は「while」を使用する必要があることを知っていますが、どうしたらよいか分かりません。さまざまなアプローチで数回試してみましたが、望みの結果を得ることはできませんでした。
同様の問題を持つスレッドを試しましたが、この特定の問題の解決策を見つけることができませんでした。
ご意見やご提案は大歓迎です。
ありがとうございます。

Answer 1

使用

var colors = ["red","yellow","blue"]; 
var color1 = prompt("Enter first color: yellow, red or blue"); 
while(colors.indexOf(color1)==-1){ 
    color1 = prompt("Enter first color: yellow, red or blue"); 
} 
var color2 = prompt("Enter second color: yellow, red or blue"); 

Answer 2

の下に表示のようなループは、これを試してみてくださいながら：

var allowedColors = ['yellow', 'red', 'blue']; //we create array of valid input 

var color1 = ''; // initial value is not correct, so user is prompted at least once. 

var color2 = ''; 

while(allowedColors.indexOf(color1) === -1){ 

    color1 = prompt("Enter first color: yellow, red or blue"); 

} 

while(allowedColors.indexOf(color2) === -1){ 

    color2 = prompt("Enter second color: yellow, red or blue"); 

} 

Answer 3

私はこのようにそれを行うだろうより多くの時間として使用されるように

function getUserInput(n) { 
    let color; 
    while (!(color=="red" || color=="yellow" || color=="blue")) { 
    color=prompt("Enter "+n+". color (red, yellow or blue):"); 
    } 
    return color; 
} 

var c1=getUserInput(1), 
    c2=getUserInput(2); 

Answer 4

も機能させることができ、whileループを使用します。

var valid_colors = ['yellow', 'red', 'blue']; 
var color1; 
var color2; 

color1 = prompt("Enter first color: yellow, red or blue"); 

while (!~valid_colors.indexOf(color1)) { 
    color1 = prompt("Enter first color: yellow, red or blue"); 
} 

color2 = prompt("Enter second color: yellow, red or blue"); 

while (!~valid_colors.indexOf(color2)) { 
    color2 = prompt("Enter second color: yellow, red or blue"); 
} 

//... continue with your code