(자바스크립트) 방향키 게임만들기 문제해결

HTML코드

스크립트 코드 위주로 분석해 보겠다.

: board 라는 id를 가진 태그 안쪽의 tr을 모두 가져오겠다는뜻이다 나중에 line[0],line[1]방식으로 안쪽의 tr 요소에 접근가능하다.

현재 유저의 위치를 나타냄

현재 위치임을 표시할 수 있게 요소의 스타일중 backgroundColor요소를 red로 정해준다.

다음은 키 이벤트가 인식되었을때 반응이다( → ← ↑ ↓ )

입력된 키되로 이동하면 경기장 밖으로 이동할 수 있으니 먼저 nx, ny에 이동한 값을 넣어놓고 검증을 한 뒤 범위안초과되면 실질 위치(x, y)에 nx, ny 삽입한다.

번외로 childElementCount라는건 해당 요소 내의 자식태그 수 알려주는 코드이다 잘 기억해두자.

결과

범위가 초과되면 이동되지 않는다~