728x90
webhacing.kr 10(old)
webwebhacing.kr 10번 문제는 css? 문제라고 해야할까요?
webhacing.kr 10번 문제에 접속하여 보면 이러한 깃발모양? 같은 세개의 긴 직사각형이 있고 가운데
회색 직사각형 안에는 O라는 문구가 나타나 있습니다.
이 O라는 문자에 마우스를 가져다 대보면
O라는 문자가 yOu라는 문자로 바뀌게 됩니다.
아마 onmouseover, onmouseout 태그를 이용하는 것으로 보여집니다.
또한 문자를 클릭할때 마다 오른쪽으로 조금씩 이동한다는 점도 알게되었습니다.
문제를 해결하기 위해 코드를 한번 살펴보도록 하겠습니다.
코드를 살펴보다 보니 hack me라는 id를 가진 a태그를 발견하게 되었습니다.
onclick이 되었을 때 기본값이 23px인 style.left +1 된다는 점을 알아내게 되었습니다.
위에서 확인하였던 오른쪽으로 조금씩 이동하는 량이 1px라는 점을 알게 되었습니다.
또한 if문이 나타나 있습니다.
this.style.left가 1600px가 되면 if 문이 실행되는 것으로 보여집니다.
클릭을 1600번 하는 방법도 있겠지만 개발자 도구를 이용하여 보도록 하겠습니다.
이렇게 sttyle.left의 값을 1599로 조정해준뒤
그림을 다시 살펴보면
이제 style.left를 1600으로 만들어 주기 위해 클릭을 한번 해주면
webhacing.kr 10(old)성공!
728x90
'웹해킹 > Webhacking.kr' 카테고리의 다른 글
| Webhacking.kr 17번(old) 풀이 (0) | 2020.03.18 |
|---|---|
| Webhacking.kr 16번(old) 풀이 (0) | 2020.03.18 |
| Webhacking.kr 15번(old) 풀이 (0) | 2020.03.18 |
| Webhacking.kr 14번(old) 풀이 (0) | 2020.03.18 |
| Webhacking.kr 1번(old) 풀이 (0) | 2020.01.05 |
