javascriptで◯✖︎採点できるようにしたい

Question

前提・実現したいこと

javascriptで◯✖︎採点できるようにしたいです。
画像下部にあるように採点を押した際のクリックイベントで結果蘭に◯か✖︎を表示させたいです。
if文を使うのはなんとなく理解できるのですが、htmlからどのように持ってくるのかいまいち分かりません。
よろしくお願いします。

発生している問題・エラーメッセージ

エラーメッセージ

該当のソースコード

ソースコード

### 試したこと


### 補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Comments

[yambejp]

ソースを読めば正答はユーザーに見えてしまいますけど大丈夫でしょうか？

[m.ts10806]

ここまで書き込んである、ある意味「設計書」ですし
とりあえず書いてみては？
１つ１つ「動作」を切り出していけば個々の調べはつくはずです。

Answer 1

こんな感じでいかがでしょうか? (HTMLを読める人が見たら、答えはバレてしまいます。)
https://codepen.io/new1ro/pen/qBdKoVJ

<section>
  <p>問題1: 1 + 1の答えは何ですか?</p>
  <div class="flex">
    <select class="answer" id="answer-0" data-answer="2">
      <option>選択してくだい</option>
      <option value="1">1</option>
      <option value="2">2</option>
      <option value="3">3</option>
      <option value="4">4</option>
    </select>
    <p class="result" id="result-0"></p>
  </div>
</section>
<section>
  <p>問題2: 初代征夷大将軍は誰ですか?</p>
  <div class="flex">
    <select class="answer" id="answer-1" data-answer="4">
      <option>選択してくだい</option>
      <option value="1">徳川 家康</option>
      <option value="2">織田 信長</option>
      <option value="3">ナポレオン・ボナパルト</option>
      <option value="4">坂上田村麻呂</option>
    </select>
    <p class="result" id="result-1"></p>
  </div>
</section>

<footer>
  <button type="button" id="submit" class="btn">採点</button>
</footer>

footer {
  margin-top: 40px;
}
.flex {
  display: flex;
  align-items: center;
}
.result {
  margin-left: 1em;
  padding: 5px;
  min-width: 100px;
  min-height: 1em;
  background: #eee;
}

document.getElementById('submit').addEventListener('click', function(e) {
  // alert(e.currentTarget.value);
  
  elmResults = document.getElementsByClassName('result');
  elmAnswers = document.getElementsByClassName('answer');
  
  for (var i = 0, len = elmResults.length; i < len; i++) {
    if (elmAnswers[i].value == elmAnswers[i].getAttribute('data-answer')) {
      elmResults[i].innerText = '○';
    }
    else {
      elmResults[i].innerText = '×';
    }
  }
});

Comments

[leysxxk]

ありがとうございます。。助かりました。