私は現在、コンテナ内に 0 ~ 9 の div がランダムに表示される、小学生向けの新しい数学ゲームを作成するための調査を行っています。
冒頭に質問が出ます。20 の倍数のようなものです。ユーザーは正しいものをクリックする必要があり、最後にそれらがカウントされ、スコアが与えられます。
基本的な構造ができた時点で、div がポップアップ表示され、クリックすると正解が追加されます。つまり、この時点で間違った答えはありません。
正しい答えと間違った答えを決定する最善の方法が何か知りたいです。答えが正しいか間違っているかを判断するために使用できるアルゴリズムはありますか?それをdivにどのようにリンクしますか?
<div id="container">
<div id="char1" class="character right1" vaule="1"></div>
<div id="char2" class="character right2" vaule="2"></div>
<div id="char3" class="character right3" vaule="3"></div>
<div id="char4" class="character right4" vaule="4"></div>
<div id="char5" class="character right5" vaule="5"></div>
<div id="char6" class="character right6" vaule="6"></div>
<div id="char7" class="character right7" vaule="7"></div>
<div id="char8" class="character right8" vaule="8"></div>
<div id="char9" class="character right9" vaule="9"></div>
<div id="char9" class="character right0" vaule="0"></div>
</div>
間違った答えには、「.right」の代わりに「.wrong」というクラスが与えられます。