webhacking.kr old 10번 문제풀이(Writeup)

webhacking.kr old 10번 문제풀이(Writeup)

 

old 10번 문제풀이 1

문제를 들어가면 위와 같이 출력된다.  뭔가 O를 Goal 지점까지 이동시켜야 해결될 것으로 보인다. 코드를 확인해보자.

 

 

<a id=hackme style="position:relative;left:0;top:0" onclick="this.style.left=parseInt(this.style.left,10)+1+'px';if(this.style.left=='1600px')this.href='?go='+this.style.left" onmouseover=this.innerHTML='yOu' onmouseout=this.innerHTML='O'>O</a><br>

10번 줄에 보면 아주 의심스럽게 id가 hackme이다. 이 코드만 자세히 보면 될 것 같다. 보면 O에 마우스를 올려두면 yOu로 글자가 변경되고, 클릭하면 오른쪽으로 아주 조금씩 움직인다.  그래서 직접 누르기엔 귀찮으니 개발자 도구 - console에서 코드를 넣어서 움직여주겠다.

 

 

ele = document.getElementById("hackme");
ele.style.left=1598;

javascript에서 css 값 변경하는 방법을 검색해서 코드를 구성했다. 변수에 id가 hackme인 요소를 저장해서 요소에 left 값을 1598로 변경했다.

 

 

old 10번 문제풀이 2

이렇게 입력하면 O의 위치가 goal과 가까워진다. 이후 클릭을 두 번해서 1600이 되면 문제가 해결된다.

 

 

 

 

 

old 10번 문제풀이 3

굉장히 쉬운 문제여서 쉬어가는 느낌이다.

 

 

참고 사이트

https://hianna.tistory.com/671