날짜

Date클래스를 사용.
접속자의 컴퓨터 날짜정보가 얻어진다.(모든 접속자가 동일한 날짜 정보가 아닌 다른 날짜 정보가 보여질 수 있다.)

지정한 시간에 지정한 함수를 호출하는 함수

• setTimeout(입력할 함수명, ms)
  //주의 : 함수의 이름만 기술. ()를 쓰면 함수를 호출해버림 error.

• HTML Form Control 값 얻기
  //input, select, textarea : 사용자가 입력하는 값을 받기위한 객체들.
  개발자가 필요한 값을 사용자가 제대로 입력했는지 판단하기 위해서 <= 유효성 검증
  id속성을 사용하거나, name속성을 사용할 수 있다.

• id속성으로 값 얻기
  <태그명 id="아이디"
  HTML Form Control이 <form 태그에 자식태그로 등록되지 않더라도 JS에서 접근하여 값을 얻을 수 있다.
  유일한 id를 사용하기 때문에 check, radio의 확인된 값을 얻기 불편하다.
  id속성은 값을 얻는 것보다 디자인을 변경할 때 사용.

1. Form Control에 접근
var obj = document.getElementById("아이디");

2. value 속성으로 값을 얻는다.
var val = obj.value;

• name속성으로 값 얻기
  <태그명 name = "이름">

<form 태그가 반드시 필요>
  //Form Control에 입력된 값들을 Back-End(JSP, Servlet)로 전달하기 위해
<form>
      <input>
      <textarea>
<form>

HTML Form Control들이 <form에 자식태그로 등록되어야 접근가능하며 값을 얻을 수 있다.
name속성을 사용하면 checkbox, radio의 확인되어 값을 얻기 슇다.
중복코드를 줄일 수 있다.

window.document.폼이름.control명.value

• form control의 값 받기

* name 속성의 값이 유일한 객체
<input type = "text, password, hidden, file">, <select>, <textarea>
	
  ** var 변수명 = window.document.폼이름.control명.value;
                                                       
* name 속성의 값이 중복되는 객체
<input type="checkbox, radio">, <select>
//check : 속성으로 Form Control의 상태변화 설정
//select : 속성으로 Form Control의 상태변화 설정
  
* checked속성으로 상태를 설정하는 Form Control
<input type="radio" name="gender" value="M">남자
<input type="radio" name="gender" value="F">여자

순서)
1. Form Control 얻기
var 배열명 = document.폼이름.control명;

2. 배열을 반복(Form Control 반복)
for(var i=0; i<배열명.length; i++){
  3. 상태 파악) checked 속성
  if(배열명[i].checked){//확인된 상태 true/아니면 false
    4. 값 얻기
    배열명[i].value
  }//end if
  
}//end for

• selected 속성으로 상태를 설정하는 Form Control
  select 하나이고, option이 여러개 묶여있으므로, document.폼이름.control명.value로 값을 얻을 수 있다.

• option이 여러 개이므로 배열로 처리가능.

<select name="이름"
  < option value="전송할 값" > 보여질 값 </option 
</select>

1. select얻기(select은 하나일지라도 옵션이 여러 개이기 때문에 배열로 얻어진다.)
var sel = document.폼이름.control명;

2. 반복(select 안에 option의 수만큼 반복)
for(var i=0; i<배열명.length; i++){
	3. 옵션의 선택상태 얻기(select => true, false)
    if(배열명[i].selected){
    	4. 값 얻기
        배열명[i].value
    }
}