84669 人が学習中
152542 人が学習中
20005 人が学習中
5487 人が学習中
7821 人が学習中
359900 人が学習中
3350 人が学習中
180660 人が学習中
48569 人が学習中
18603 人が学習中
40936 人が学習中
1549 人が学習中
1183 人が学習中
32909 人が学習中
querySelectorAll は複数のノードを返し、addEventListener は一度に 1 つのノードでしか機能しないため、イベント リスナーをノードに直接追加できないため、各正方形を反復処理する必要があります。
また、実行時に動作を確認できるように、以下のコード スニペットに CSS を追加しました。最終プロジェクトではこれを無視してください。
編集: 上記のコード スニペットを alternate on click に変更しました。これは、現在のプレーヤー (X または O) で変数を初期化し、単純な 3 項ステートメントを使用してクリック時に交換することで実行できます。リセットボタンにも機能を追加しました。
querySelectorAll は複数のノードを返し、addEventListener は一度に 1 つのノードでしか機能しないため、イベント リスナーをノードに直接追加できないため、各正方形を反復処理する必要があります。
また、実行時に動作を確認できるように、以下のコード スニペットに CSS を追加しました。最終プロジェクトではこれを無視してください。
編集: 上記のコード スニペットを alternate on click に変更しました。これは、現在のプレーヤー (X または O) で変数を初期化し、単純な 3 項ステートメントを使用してクリック時に交換することで実行できます。リセットボタンにも機能を追加しました。