웹개발

웹개발

[명품 웹 프로그래밍] 9장 예제 9-14, onload로 이미지 크기 알아내기

실행 화면 onload로 이미지 출력 사과 바나나 망고 이미지 크기 1. 복습(필) - 인덱스 selectedIndex; 를 활용해 선택 옵션 인덱스 보이기 - sel.options[index].value; - option의 value 값 출력 - img.onload = function() { ;} - 이미지 로딩 완료되면 발생

웹개발

[명품 웹 프로그래밍] 8장 실습문제 9, 라면 끓이는 순서 입력받기

실행 화면 초기 화면 입력 후 화면 라면 끓이는 순서 물 끓임. 1. 복습 - 라면 리스트.. ol 에서 onclick = "add(this)" / add(obj) { } 로 바꿀 수 있음. >> 리스트 추가할 때 ol id 찾는 게 아니라 obj.appendChild(newNode) 가능.

웹개발

[명품 웹 프로그래밍] 8장 실습문제 7, 클릭할 때마다 그림 회전

실행 화면 초기 화면 2번 클릭 화면 클릭하면 90도 회전 1. 복습 - 여기서 n += 90 은 90 - 180 - 270 .. 90도씩 추가하여 한 바퀴 돌리게 함. 이렇게만 해도 화면상으로는 큰 문제 없음. 그러나 계속 클릭하면 내부적으로 100바퀴 이상 돌리는 결과 초래할 수 있음. - n %= 360 의미? 위의 결과를 막기 위해 360도가 될 때마다 초기화시키는 문장.

웹개발

[명품 웹 프로그래밍] 8장 실습문제 5, 카드 넘기기

실행 화면 초기 화면 다음 z-index 스타일 프로퍼티 1. 복습 - zIndex, 카멜표기법 잊지 말기 - 리스너 등록할때는 괄호 쓰지 않는다. - %= 연산자는 나머지 할당이라는 뜻. (근데 저기서 쓰인 이유는 이해 못함.)

hatch
'웹개발' 카테고리의 글 목록 (5 Page)