if文がうまく動きません。

クイズゲームのコードを作りました。
問1の問題を未入力で回答すると、アラート画面が出てほしいのですが、コンソール画面に不正解と
出力されてしまいます。どこが間違っているのでしょうか？

申し訳ありませんが、よろしくお願いします。

html
1<!DOCTYPE html>
2<html lang="en">
3<head>
4  <meta charset="UTF-8">
5  <meta http-equiv="X-UA-Compatible" content="IE=edge">
6  <meta name="viewport" content="width=device-width, initial-scale=1.0">
7  <title>Document</title>
8</head>
9<body>
10    <div class="quizzes-container">
11      <h1>クイズ  </h1>
12      <div class="quiz-container">
13        <h2>第1問</h2>
14        <div>
15          <p>枕草子の作者はだれ？</p>
16        </div>
17        <form id="quiz-1">
18          <input name="answer" type="radio" value="a">紫式部</input>
19          <input name="answer" type="radio" value="b">清少納言</input>
20          <input name="answer" type="radio" value="c">小野小町</input>
21        </form>
22        <button class="btn1" type="button" >回答する</button>
23      </div>  
24    </div>
25    <script src="main.js"></script>
26</body>
27</html>

js
1const [quiz1, quiz2, quiz3] = document.querySelectorAll(
2  "#quiz-1, #quiz-2, #quiz-3"
3);
4const [btn1, btn2, btn3] = document.querySelectorAll(".btn1, .btn2, .btn3");
5
6btn1.addEventListener("click", quiz1Check);
7
8function quiz1Check() {
9  if (quiz1.elements.answer.value == "a") {
10    console.log("正解");
11  } else if (quiz1.elements.answer.value == "b" || "c") {
12    console.log("不正解");
13  } else {
14    alert("入力して下さい");
15  }
16}
17

行動規範の内容に同意します

回答2件

変数名が長いとついおっくうになっちゃいますよね。
そいう時は短い変数名にするか

javascript
1function quiz1Check() {
2  const x = quiz1.elements.answer.value;
3  if (x == "a") console.log("正解");
4  else if (x == "b" || x == "c") console.log("不正解");
5  else alert("入力して下さい");
6}

switch を使うとか

javascript
1function quiz1Check() {
2  switch(quiz1.elements.answer.value) {
3    case "a": console.log("正解");break;
4    case "b": console.log("不正解");break;
5    case "c": console.log("不正解");break;
6    default:  alert("入力して下さい");
7  }
8}

投稿2021/10/18 12:59

takasima20

総合スコア7460

ベストアンサー

js
1else if (quiz1.elements.answer.value == "b" || "c")
2```↓
3```js
4else if (quiz1.elements.answer.value == "b" || quiz1.elements.answer.value == "c")