JavaScript를 사용하여 tic-tac-toe 게임을 작성하려는 시도

Question

내 보드의 사각형을 클릭하여 JavaScript를 통해 Tic Tac Toe에서 X와 O를 구현하려고 합니다. Tic Tac Toe 게임을 위해 X 또는 O를 만들어야 합니다. 그런데 X나 O를 어떻게 만드는지 모르겠어요. 그리고 실제 틱택토 게임처럼 기능적으로 작동해야 합니다.

Answer 1

querySelectorAll이 여러 노드를 반환하기 때문에 각 사각형을 반복해야 하며 addEventListener는 한 번에 하나의 노드에서만 작동할 수 있기 때문에 이벤트 리스너를 직접 추가할 수 없습니다.

아래 코드 조각에 일부 CSS를 추가하여 실행 시 작동하는 모습을 확인할 수 있습니다. 최종 프로젝트에서는 이를 무시하십시오.

으아악 으아악 으아악

편집: 위의 코드 조각을 Alternate on click으로 변경했습니다. 이는 현재 플레이어(X 또는 O)로 변수를 초기화하고 간단한 삼항 문을 사용하여 클릭 시 교체하여 사용할 수 있습니다. 재설정 버튼에 기능도 추가했습니다!