Vanilla JS를 사용하여 clickEventListener를 사용하여 빨간색과 파란색 사이를 전환하는 방법

Question

먼저 blue와 red라는 두 가지 함수를 만듭니다.

으아악

여기에서는 For 루프의 if 문을 사용하여 clickEventListener

를 생성합니다. 으아악

내 실수는 다음과 같습니다. 마우스를 클릭해도 빨간색으로 유지됩니다. 다른 eventListener mousemove를 사용하면 이 빨간색이 표시되지만 문제는 아닙니다.

P.S.: 이것은 완전한 코드가 아닙니다. 제가 풀지 못한 문제(위)만 드렸습니다.

위 코드를 시도했지만 색상을 변경할 수 없습니다.

Answer 1

가장 쉬운 옵션은 부울 변수를 사용하여 원하는 색상을 저장한 다음 클릭할 때마다 색상을 반전시키는 것입니다.

으아아아 으아아아

Answer 2

루프를 사용하는 대신 그릴 다음 색상에 대한 참조를 유지해야 합니다. 또한 색상(및 컨텍스트 및 이벤트)을 함수 인수로 전달하면 함수를 하나로 단순화할 수 있습니다. drawCircle 해당 색상을 사용하여 원의 채우기 색상을 결정합니다.

으아아아 으아아아