Webhacking.kr(old) 10번 문제풀이

전체적인 분위기는 육상경기 트랙같은 느낌입니다.

회색 칸 왼쪽의 O 표시가 저 인것 같고, 노란색 골라인으로 들어가면 될 것 같네요.

O 표시의 코드를 분석해보니 클릭하면 발생하는 이벤트가 있네요.

a태그(O표시)의 왼쪽 좌표를 클릭할때마다 1씩 증가시키는 내용입니다.

클릭해보면 매우 조금씩 움직여서 하나하나 클릭하기도 쉽지 않습니다.

그럼 크롬 개발자 도구를 사용해 이를 수정해 봅시다.

onclick="(코드)" 코드 부분을 더블클릭하면 수정이 가능합니다.

this.style.left=parseInt(this.style.left, 10) + 1 + 'px'; ~~~ 부분에서 1 부분이 아마도 증가시키는 부분 같습니다.

그러면 이를 약 100 정도로 바꿔봅시다.

그리고 a태그 위치값을 아예 바꿔서 더 빠르게 풀어봅시다.

100을 더할거니 1500px 정도로 맞춰줍시다.

onclick 뒷 코드를 보면 left 값이 1600 일시 go 링크로 이동하는 내용입니다.

그러면 1500px에서 클릭하면 100이 더해질테니 1600px이 되겠죠?

한 번 클릭해 봅시다.

음? 뭔가 1이 더 더해진 느낌이네요.

저도 이 이유는 모르겠네요... 아무튼 1500px로 이동하지 말고 1499px로 이동해 봅시다.

클릭하게 되면 정확히 골라인에 위치하면서 solved 되게 됩니다.