webhacking challenge 10번 문제 풀이

webhacking challenge 10번 문제를 풀어보겠다

이렇게 나오게 되는데 먼저 js 문제인거같으니

페이지에서 우클릭을 한 후에 페이지 소스 보기를 한번 해보자

 

이렇게 나오게 되는데 살짝 특이하고 보지못한게있을수도있다

 

이부분인거같은데 한번 제대로 살펴보자

 

이 코드들을 해석하자면

- <a> 태그에 마우스커서를 대면 텍스트가 y0u 로 바뀌게되고 그렇지 않아면 0 으로 바뀌게 되고 클릭을 하면은 1px 씩 left 로 이동을 하는것이다.

 

- 그리고 페이지를 자세히 보면은 맨 오른쪽에 goal 이라는것이있는데 클릭을 해서 goal 선 부분까지 들어가게 하면은 되는거같다.

하지만 일일히 클릭해서 들어가기 힘드니

 

개발자도구(웹 개발하는데에 필요한 여러가지 기능을 모아둔 도구)를 이용하여 소스코드를 살짝 수정을 해보자

방법은 되게 다양하다

여기에서 

- position:relative;left:0;top:0 를 더블클릭하여 left 를 1599 로 바꾸고 클릭한번해서 할수있다.

- onclick="this.style.left=parseInt(this.style.left,10)+1+'px'; 에서 +1+'px';의1을800으로바꿔서2번클릭해서할수있다.

 

그러면은 1600 이 됬을떄 순간 <a> 링크가 발동하고 url 이동을 하게 되어서

이렇게 클리어를 하게된다.

 

살짝 어이없기도하지만 은근히 재밌던 문제이다.