javascript - ul のどの li がクリックされたかを確認するにはどうすればよいですか?

Question

質問をランダムに選択し、ページに質問と回答を追加する HTML/JavaScript でクイズ ゲームを作成しています (document.getElementById, innerHTMLなど)。

クリックリスナーを追加して、回答がクリックされたときにそれが正しいかどうかを判断するようにします。を区別するには、このリスナー (またはリスナー?) をどのように設定すればよいですかli?

JavaScript

var elementQuestion = document.getElementById("question"); 
var elementAnswers = document.getElementById("answers"); 
elementQuestion.innerHTML = question[currentQuestion]; 
for(a = 0; a < answers[currentQuestion].length; a++) {
    var li = document.createElement("li");
    li.innerHTML = answers[currentQuestion][a];
    elementAnswers.appendChild(li);
}

HTML

<!-- Question -->
<p id="question"> </p>
<!-- Answer Array -->
<ul id="answers"> </ul>

(明らかな何かが欠けているような気がします...) ありがとう

Answer 1

これをループに挿入します。

li.onclick=create_on_click_function(li);

そして、onclick コールバック関数を生成する新しい関数を追加します。

function create_on_click_function(element){

      return function(){
            alert(element.innerHTML + ' clicked');
      }
}

適切なパラメーターを追加して、クリックされた<li>要素の ID が回答 ID と等しいかどうかを判断します。