자바 스크립트 오류 : HTMLTableCellElement.onclick에서 함수가 정의되지 않았습니다.

Question

HTML/JS에서 tic-tac-toe 게임을 만들려고 노력 중입니다. 그러나 내 onclicks가 작동하지 않는 상황에서 오류가 발생했습니다. 기능이 정의되지 않았습니다. 내 clear() 함수를 jQuery로 변경하려고했지만 테스트 할 수 없습니다.

Here is a jsfiddle.

본질적으로, 그것은이 HTML

<td class="tile" id="pos1" onclick="draw(this); checkWinner();"></td> 

을 얻는 것은

var counter = 0; 
function draw(elmt){ 
    if(elmt.innerHTML == "x" || elmt.innerHTML == "o") 
    { 
     //do nothing 
    } 
    else{ 
    if(counter==0){ 
     elmt.innerHTML = "x"; 
     counter = 1; 
    } 
    else{ 
     elmt.innerHTML = "o"; 
     counter = 0; 
    } 
    } 
} 

감사합니다 자바 스크립트 기능이 인식하기!

Answer 1

checkWinner 함수가 정의되어 있지 않고 함수가 모두 전역 범위로 정의되어 있는지 확인하십시오. 예를 들어 window.draw()에 액세스 할 수 있어야합니다.

```

$('.tile').on('click', draw); 

function draw(e) { 
    var html = $(this).html(); 
    if(html == "x" || html == "o") 
    { 
    //do nothing 
    } else{ 
    if(counter==0){ 
     $(this).html("x"); 
     counter = 1; 
    } 
    else{ 
     $(this).html("o"); 
     counter = 0; 
    } 
    } 
} 

```

var counter = 0; 
 
function draw(elmt){ 
 
    if(elmt.innerHTML == "x" || elmt.innerHTML == "o") 
 
    { 
 
     //do nothing 
 
    } else{ 
 
     if(counter==0){ 
 
      elmt.innerHTML = "x"; 
 
      counter = 1; 
 
     } 
 
     else{ 
 
      elmt.innerHTML = "o"; 
 
      counter = 0; 
 
     } 
 
    } 
 
} 
 
function checkWinner(){ 
 

 
}

<table> 
 
<tr> 
 
<td class="tile" id="pos1" onclick="draw(this); checkWinner();"> 
 
Click Here 
 
</td> 
 
</tr> 
 
</table>

Answer 2

: 마침내

, 당신은 또한처럼 편리하게 이벤트 처리기를 바인딩 jQuery를 사용할 수 있습니다 나는 그들이 jsfiddle로 뭔가 잘못 됐음에 틀림 없다고 생각한다. 이 코드는 나를

[just remove `$(document).ready(function() {})`]