私の関数が実行される前にJavascriptのウィンドウアラートが表示される

Question

こんにちは、現在、私は学校のプロジェクト用の簡単なTicTacToeで作業しています。誰かがゲームに勝利したら、それをwindow.alertメッセージボックスに表示します。クリックしたボックスの色が変わる前に、プレーヤーが勝利したときにメッセージが表示されるという問題があります。なぜこれが起こっているのか分かりません。コードをデバッグして色が変更されるべきブレークポイントを設定すると、私はコードについて何も変更しなくても、正しい順序で動作します。なぜこれが起こっているのか、どのように解決できるのかについて、私は指摘しています。

Answer 1

これは、色の変更が最初にトリガされたときでもあります。 DOMでアクションを完了するのに遅れがあります。 DOMの色の変更は非同期関数なので、次の警告メッセージが実行されます。これを回避するには、色が変更されたときに変数を設定し、メッセージを表示するために変数を設定するか、setInterval（）関数を使用して変更を監視するなどの作業を行います。

Answer 2

"UI"の変更が遅れることがあります。非常に短いタイマーを設定し、遅延機能でアラートを表示してみてください。