JSで画像を扱うときにelseが得られない

Question

3つの条件が満たされたときに画像を表示しようとしていますが、BMW画像のみが表示されます。私はちょうどなぜelseがうまくいかないのか分からないように見えるかもしれません。他の方法で検索したが見つからなかった。 、&&部分は、このようなテストをすることが評価され

(name === "Frank" || (name === "Chris" && carName === "BMW")) 

：

var name = prompt("Hello there, what's your name?"); 
var car = new Array("BMW", "Maserati"); 
var randomCar = Math.floor(Math.random()*car.length); 
var carName = car[randomCar]; 

if(name === "Frank" || name === "Chris" && carName === "BMW") { 
    document.getElementById("name").innerHTML = "<h1>Hello " + name + " you have won a " + carName + "<br><br>" + "<img src='img/bmw.jpg' alt='BMW Pic' style='border-radius: 10px;'</h1>"; 
} else if (name === "Frank" || name === "Chris" && carName === "Maserati") { 
    document.getElementById("name").innerHTML = "<h1>Hello " + name + " you have won a " + carName + "<br><br>" + "<img src='img/maserati.jpg' alt='Maserati Pic' style='border-radius: 10px;'</h1>"; 
} else { 
    document.getElementById("name").innerHTML = "<h1>Hello " + name + ", no car for you today !!" + "<br><br>" + "<img src='img/pitbull-sad-face.jpg' alt='Dog sadface' style='width: 70%; border-radius: 20px;'</h1>"; 
}; 

Answer 1

あなたif文のテストの式：それは書かれていたかのように

(name === "Frank" || name === "Chris" && carName === "BMW") 

が評価されます名前が「Chris」で、車名が「BMW」の場合、名前が「フランク」またはの場合は成功します。名前が "Frank"の場合、車の名前は重要ではありません。名前が「クリス」のときだけ重要です。

あなたが常に問題に名前をしたい場合は、明示的に名前のための2つのテスト括弧する必要があります。

((name === "Frank" || name === "Chris") && carName === "BMW") 

を今では名前が「フランク」や「クリス」のいずれかである場合にのみ成功します車名が「BMW」の場合はです。

Answer 2

あなたの操作の順序です。何が起きているのかは、実際にif Frank+BMW or if Chris+BMWが必要なときにロジックがif frank, or if Chris+BMWと表示されていることです。 or（||）部分の周りにカッコを入れます。今

if((name === "Frank" || name === "Chris") && carName === "BMW") { 
    document.getElementById("name").innerHTML = "<h1>Hello " + name + " you have won a " + carName + "<br><br>" + "<img src='img/bmw.jpg' alt='BMW Pic' style='border-radius: 10px;'</h1>"; 
} else if ((name === "Frank" || name === "Chris") && carName === "Maserati") { 
    document.getElementById("name").innerHTML = "<h1>Hello " + name + " you have won a " + carName + "<br><br>" + "<img src='img/maserati.jpg' alt='Maserati Pic' style='border-radius: 10px;'</h1>"; 
} else { 
    document.getElementById("name").innerHTML = "<h1>Hello " + name + ", no car for you today !!" + "<br><br>" + "<img src='img/pitbull-sad-face.jpg' alt='Dog sadface' style='width: 70%; border-radius: 20px;'</h1>"; 
}; 

name==="Frank"ので、最初if文が真として渡すため、フランクは常にBMWを取得します。