클릭 한 TD의 값이 배열의 값과 일치하는지 확인하십시오.

Question

전함을 만들고 있는데,이 모든 것을 제외하고는 모두 작동합니다. 그리고 나는 당신이 이것을 할 올바른 방법을 알아낼 수 없습니다. 삽입 된 TD의 값이 배열의 값과 일치하는지 확인하고 싶다면 innerHTML을 히트 (X)로 변경하면됩니다. (this)는 클릭 된 TD를 나타냅니다. 이 시나리오에서 indexOf를 사용할 수 있습니까?

function play() { 
      if ((this).value == shipLocations.indexOf((this).value)) { 
       (this).innerHTML = hit; 
      } 
     else { 
      (this).innerHTML = miss;  
     } 
    } 

Answer 1

<script> 
 
    var shipLocations = ["5"]; 
 
    function play(button) { 
 
     if (-1 != shipLocations.indexOf((button).value)) { 
 
      (button).innerHTML = "hit"; 
 
     } 
 

 
     else { 
 
      (button).innerHTML = "miss"; 
 
     } 
 

 
    } 
 
</script> 
 
<button value="5" onclick="play(this)">meh</button>

선박의 위치가 저장되는 가정하지 선박이

Answer 2

사과와 오렌지를 비교하는 것처럼 보입니다. indexOf은 배열에 저장된 배의 실제 위치가 아닌 shipLocations 배열에서 찾고있는 값의 인덱스를 반환합니다.

업데이트

바이올린 쇼, 당신은 또한 잘못된 방법으로 값 속성을 액세스하는 것을.

if (parseInt((this).getAttribute("value")) == shipLocations[shipLocations.indexOf(parseInt(this.getAttribute("value")))]) { 
     (this).innerHTML = hit; 
} 

this는 HTML 요소를 의미하지 당신이 속성에 액세스 할 .를 사용할 수있는 자바 스크립트 객체 : 다음은 올바른 방법입니다. getAttribute("value")을 사용합니다.

사이드 노트 : 배는 때로 "접촉"하도록 배치됩니다. 난 그 ;-) 불법이라고 생각