API からデータを取得し、一連の質問を作成し、質問からランダムに選択される質問に応じて、毎回異なる数の「回答要素」をクイズ ページにロードするクイズ アプリを作成しています。配列。 ＃＃＃
以下は、CSS カード スタイルに対する有効な回答である、クリック可能な一連の「プレイヤー カード」を作成する関数です。ユーザーがカードを選択し、チェック ボタンをクリックして機能を実行し、カードが正しいかどうかを確認するという考え方です。この機能は 1 つを除いて正常に動作します。ユーザーはすべてのカードを選択できます。
私が抱えている問題は、すべての回答をクリックすると、すべての回答が CSS クラスを取得し、データが選択したすべてのカード/回答に渡されることです。
ユーザーに答えを 1 つ選択してもらいたいだけです。どのカードをクリックしても考えを変えることができますが、答えを選択してから答えチェック機能に進むことしかできません。
＃＃＃私は何をすべきかわかりません？これを実現するにはこのコードをどのように変更する必要があるかを理解できる人はいますか?
ああああ
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
リスナーよりも大きなスコープを持つ変数に回答を保存します。回答が送信されるたびに、変数は上書きされます。次に、別の
リーリーcheckButtonリスナーを宣言します。答えを保持する変数が空でない場合は、答えを確認してください。上記のコードは、他のカードがクリックされたときにフロントエンドで他のカードの「選択を解除」しません (それも必要な場合) が、簡単に修正できます。