먼저 blue와 red라는 두 가지 함수를 만듭니다.
으아악여기에서는 For 루프의 if 문을 사용하여 clickEventListener
내 실수는 다음과 같습니다.
마우스를 클릭해도 빨간색으로 유지됩니다. 다른 eventListener mousemove를 사용하면 이 빨간색이 표시되지만 문제는 아닙니다.
P.S.: 이것은 완전한 코드가 아닙니다. 제가 풀지 못한 문제(위)만 드렸습니다.
위 코드를 시도했지만 색상을 변경할 수 없습니다.
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
가장 쉬운 옵션은 부울 변수를 사용하여 원하는 색상을 저장한 다음 클릭할 때마다 색상을 반전시키는 것입니다.
루프를 사용하는 대신 그릴 다음 색상에 대한 참조를 유지해야 합니다. 또한 색상(및 컨텍스트 및 이벤트)을 함수 인수로 전달하면 함수를 하나로 단순화할 수 있습니다.
drawCircle해당 색상을 사용하여 원의 채우기 색상을 결정합니다.