84669인 학습
152542인 학습
20005인 학습
5487인 학습
7821인 학습
359900인 학습
3350인 학습
180660인 학습
48569인 학습
18603인 학습
40936인 학습
1549인 학습
1183인 학습
32909인 학습
내 보드의 사각형을 클릭하여 JavaScript를 통해 Tic Tac Toe에서 X와 O를 구현하려고 합니다. Tic Tac Toe 게임을 위해 X 또는 O를 만들어야 합니다. 그런데 X나 O를 어떻게 만드는지 모르겠어요. 그리고 실제 틱택토 게임처럼 기능적으로 작동해야 합니다.
querySelectorAll이 여러 노드를 반환하기 때문에 각 사각형을 반복해야 하며 addEventListener는 한 번에 하나의 노드에서만 작동할 수 있기 때문에 이벤트 리스너를 직접 추가할 수 없습니다.
아래 코드 조각에 일부 CSS를 추가하여 실행 시 작동하는 모습을 확인할 수 있습니다. 최종 프로젝트에서는 이를 무시하십시오.
편집: 위의 코드 조각을Alternate on click으로 변경했습니다. 이는 현재 플레이어(X 또는 O)로 변수를 초기화하고 간단한 삼항 문을 사용하여 클릭 시 교체하여 사용할 수 있습니다. 재설정 버튼에 기능도 추가했습니다!
querySelectorAll이 여러 노드를 반환하기 때문에 각 사각형을 반복해야 하며 addEventListener는 한 번에 하나의 노드에서만 작동할 수 있기 때문에 이벤트 리스너를 직접 추가할 수 없습니다.
아래 코드 조각에 일부 CSS를 추가하여 실행 시 작동하는 모습을 확인할 수 있습니다. 최종 프로젝트에서는 이를 무시하십시오.
편집: 위의 코드 조각을Alternate on click으로 변경했습니다. 이는 현재 플레이어(X 또는 O)로 변수를 초기화하고 간단한 삼항 문을 사용하여 클릭 시 교체하여 사용할 수 있습니다. 재설정 버튼에 기능도 추가했습니다!