문제를 클릭하면 위와 같은 화면이 뜹니다. 0 위에 마우스를 올리면 y0u로 변하고 클릭하면 조금씩 전진합니다. 그리고 사진상엔 잘렸지만 회색칸 끝에는 골(Goal) 라인이 있습니다. 아마 0을 목표 지점까지 이동시키면 되는 문제 같은데 정확한 확인을 위해 소스를 살펴보겠습니다.
<html>
<head>
<title>Challenge 10</title>
</head>
<body>
<hr style=height:100;background:brown;>
<table border=0 width=1800 style=background:gray>
<tr><td>
<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>
<font style="position:relative;left:1600;top:0" color=gold>|<br>|<br>|<br>|<br>Goal</font>
</td></tr>
</table>
<hr style=height:100;background:brown;>
</body>
</html>
a 태그 끝부분에 if문으로 위치가 1600px이면 문제가 풀리는 듯한 코드가 보입니다. 간단하게 개발자 도구를 이용하여 풀어보겠습니다.
onclick 이벤트 부분에 +1+'px' 였던 것을 +1599+'px'로 변경한 뒤 클릭하면 깔끔하게 풀 수 있었습니다.
'Web Hacking > Webhacking.kr' 카테고리의 다른 글
| [Webhacking.kr] old-18 (0) | 2020.03.16 |
|---|---|
| [Webhacking.kr] old-19 (0) | 2019.12.02 |
| [Webhacking.kr] old-06 (0) | 2019.10.29 |
| [Webhacking.kr] old-54 (0) | 2019.10.22 |
| [Webhacking.kr] old-26 (0) | 2019.10.22 |