クリック関数で 1 つの要素のみを選択できるようにするにはどうすればよいですか? (純粋なJS)

Question

API からデータを取得し、一連の質問を作成し、質問からランダムに選択される質問に応じて、毎回異なる数の「回答要素」をクイズ ページにロードするクイズ アプリを作成しています。配列。 ＃＃＃

以下は、CSS カード スタイルに対する有効な回答である、クリック可能な一連の「プレイヤー カード」を作成する関数です。ユーザーがカードを選択し、チェック ボタンをクリックして機能を実行し、カードが正しいかどうかを確認するという考え方です。

この機能は 1 つを除いて正常に動作します。ユーザーはすべてのカードを選択できます。

私が抱えている問題は、すべての回答をクリックすると、すべての回答が CSS クラスを取得し、データが選択したすべてのカード/回答に渡されることです。

ユーザーに答えを 1 つ選択してもらいたいだけです。どのカードをクリックしても考えを変えることができますが、答えを選択してから答えチェック機能に進むことしかできません。

＃＃＃私は何をすべきかわかりません？これを実現するにはこのコードをどのように変更する必要があるかを理解できる人はいますか?

ああああ

Answer 1

リスナーよりも大きなスコープを持つ変数に回答を保存します。回答が送信されるたびに、変数は上書きされます。次に、別の checkButton リスナーを宣言します。答えを保持する変数が空でない場合は、答えを確認してください。

リーリー

上記のコードは、他のカードがクリックされたときにフロントエンドで他のカードの「選択を解除」しません (それも必要な場合) が、簡単に修正できます。