※ 표 만들기 : 태그 안에 행 수 만큼 태그를 써주고, 그 내부에 각 행의 열 수 만큼 태그를 써준다. ex) 1행 1열 1행 2열 2행 1열 2행 2열 실행 결과 >> 활용 예제) 이름, 이메일, 전화번호를 입력받는 주소록을 만들고, 완료 버튼을 눌렀을 때, 이름을 입력하지 않았거나 입력한 이메일에 '@' 기호가 없는 경우 경고 메시지를 띄우기 주소록 // 표 작성 이름 이메일 전화번호 핸드폰 집 직장 실행 결과>> 이름을 입력하지 않은 경우 -> 이메일에 '@' 기호가 없는 경우 -> 바르게 작성하고 완료 버튼을 눌렀을 때 -> 활용 예제2) 판매 상품의 사진과 가격을 표시하고, 선택한 상품의 금액을 출력하기 상품 선택 노트북 800,000원 아이패드..
이번 포스트에서는 Form 객체의 하위 객체들을 다뤄본다. [Text 객체] : 으로 표현 ex) 이름 : 나이 : 주소 : text 객체를 3개 만들어 각각 이름, 나이, 주소를 입력한 다음 확인 버튼을 누르면 printInfo() 메소드가 실행된다. text 객체에 입력한 값을 가져오려면 우선 form 객체의 이름 f1을 적고 그 내부 객체 Name / Age / Addr의 이름을 적은 다음 그 내부의 value 값을 얻으면 된다. (ex: document.f1.Name.value) [Password 객체] : 입력한 값이 ● 로 보여 암호 입력 시 사용한다. 속성, 메소드는 Text 객체와 거의 동일하다. [Textarea 객체] : 여러 줄을 입력..
[Window 객체] [Navigator 객체] : 현재 사용하고 있는 브라우저의 버전을 파악하는 데에 중요한 객체 Window 객체와 다르게 홀로 독립되어 있다. [String 객체] [Document 객체] [History 객체] [Location 객체] [Image 객체] ex) img1과 img2의 이름 사용 시에는 document를 생략해도 되지만 이미지들의 총 명칭 images를 사용하려면 document를 붙여야 한다. [Link 객체] : HTML의 태그에 해당하는 정보를 가지는 객체 document.links 배열에 링크들의 값을 가지고 있음 [Anchor 객체] : ~ 로 지정된 링크의 정보를 가지고 있는 객체 #을 포함하여 쓰면 밑 부분에 반드시 태..