반응형
2차원 배열을 이용하여 시계방향으로 이동하는 프로그램입니다.
HTML, CSS, JAVASCRIPT(jQuery)를 이용하여 구성하였습니다.
1) 초기화 상태
|
1 |
2 |
3 |
4 |
|
5 |
6 |
7 |
8 |
|
9 |
10 |
11 |
12 |
|
13 |
14 |
15 |
16 |
2) 한번 동작 후
|
5 |
1 |
2 |
3 |
|
9 |
10 |
6 |
4 |
|
13 |
11 |
7 |
8 |
|
14 |
15 |
16 |
12 |
See the Pen 2DArraySnail by myhappyman (@myhappyman) on CodePen.
반응형
'WEB > Javascript' 카테고리의 다른 글
| Javascript - 배열 값만 복사하기(대입 연사자 사용시 문제점) (0) | 2019.09.08 |
|---|---|
| Javascript - 배열(Array) 선언 및 사용 하기 (0) | 2019.09.06 |
| Javascript - 슬라이드쇼(SlideShow) 만들기 (6) | 2019.09.06 |
| Javascript - 반복문(for, while, do~while) (0) | 2019.09.06 |
| Javascript - Date.prototype을 활용한 날짜 출력 (0) | 2019.09.06 |