[webhacking.kr] 10번 문제 풀이[Javascript]

💡 Webhacking.kr challenge(old) 10번 문제에 대한 풀이입니다.

문제

위의 동그라미를 클릭해보면 다음과 같이 앞으로 조금씩 이동합니다.

개발자 모드를 열어서 어떤 조건이면 클리어 되는지 살펴봅니다.

코드를 자세히 보면 다음과 같습니다.

  <a id="hackme" 
  style="position: relative; left: 26px; top: 0px;"
  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>

한번 누를때 마다(onclick) style.left = style.left + 1을 하고, 만약 스타일의 left == 1600px이면, this.href = ?go=’this.style.left’로 링크가 생기게 합니다.

바로 웹페이지 링크에 ?go=1600px을 입력해 봅니다.

‘no hack’이 뜨는걸 보니 이 방법은 막아논거 같습니다. 그러면 다른 방법으로 시도해 보겠습니다.

개발자 모드에서 잘 살펴보면 다음과 같이 ‘O’ 의 위치가 저장되는 부분이 있습니다.

이 부분을 강제로 1599px로 바꿔봅니다.

‘O’의 위치가 Goal 지점 앞까지 이동을 했습니다.

이 상태에서 한번만 눌러주면

클리어