まず、青と赤の 2 つの関数を作成します。
リーリーここでは、For ループで if ステートメントを使用して clickEventListener を作成します
私の間違いは次のとおりです:
マウスをクリックしても赤いままです。他の eventListener マウスムーブを使用するとこの赤い色が表示されますが、それは問題ではありません。
追記: これは完全なコードではありません。解決できなかったものだけをあげました（上）。
上記のコードを試してみましたが、色を変更できませんでした。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
最も簡単なオプションは、ブール変数を使用して希望の色を保存し、クリックするたびにそれを反転することです:
ループを使用するのではなく、次に描画される色への参照を維持する必要があります。さらに、色 (およびコンテキストとイベント) を関数の引数として渡す場合、関数を
drawCircleの 1 つに単純化し、その色を使用して円の塗りつぶしの色を決定できます。