자바 스크립트 표시 오류 및 페이지 다시로드 문제

Question

내 프로젝트는 플레이어, 컴퓨터 및 게임에서 얻은 게임 수를 추적하는 AI에 대한 tic tac 발가락 게임을 만드는 것입니다. 내 문제는 컴퓨터 나 플레이어가이기거나 무승부가있을 때마다 win/lose/draw에 추가하는 대신 매번 [object HTMLElement] 뒤에 1을 표시한다는 것입니다.

또한 새로운 게임을 시작하면 보드를 지울 때 페이지가 다시로드됩니다. 이것은 또한 원하지 않는 wins/loss/draw의 수를 재설정합니다.

winCheck = function() { 
if ((a1 == a2 && a1 == a3 && (a1 == "x")) || 
(b1 == b2 && b1 == b3 && (b1 == "x")) || 
(c1 == c2 && c1 == c3 && (c1 == "x")) || 
(a1 == b1 && a1 == c1 && (a1 == "x")) || 
(a2 == b2 && a2 == c2 && (a2 == "x")) || 
(a3 == b3 && a3 == c3 && (a3 == "x")) || 
(a1 == b2 && a1 == c3 && (a1 == "x")) || 
(a3 == b2 && a3 == c1 && (a3 == "x")) 
) { 
    xWin = true; 
    winAlert(); 
    { 
    playerWin = playerWin + 1; 
    xWin = true; 
    document.getElementById("playerWin").innerHTML = playerWin; 
      } 

문제가 자리하고있는 곳이 특히입니다

https://jsfiddle.net/e0z632pz/

, 나는 가정합니다. 나머지 하나를 알아낼 수 있기 때문에 하나만 고정하면 완벽 할 것입니다.

(참고 : 끌어서 놓기 작업을하려면이 기능이 있지만 jsfiddle에서 작동하도록 할 수 없으므로 클릭 가능 게임으로 변경했습니다. 이는 내 문제가 아니기 때문에 무시하십시오. 이미지의)

(주 2 :.) 하하 ..

덕분에 나는이 아마 간단한 뭔가 알고 있지만, 나는 오랜 시간 깨어 있었어요!

Answer 1

새 게임에서 페이지를 다시로드하는 location.reload가 있습니다. 그리고 playerWin은 어디에도 정의되어 있지 않고 초기 값도 없습니다. 어쩌면 그것을 선언하고 함께 시작하려면 0으로 설정?

UPDATE :

다시 dragbox 모든 이미지를 이동하려면 당신은 당신은 당신의 이미지에를 XImage 클래스를 추가해야 할 것이

$('.ximage').each(function(){ 
    $('.dragbox').append($(this)); 
}); 

같은 것을 할 것입니다. 지금 그들은 이드처럼 그것을 가지고있다. ID는 대개 고유해야합니다.

Answer 2

어디에서 playerWin을 설정합니까?

변수를 HTMLElement로 설정하는이 var playerWin = document.getElementById("playerWin");을 수행 한 것으로 의심됩니다.