인터랙션 디자인의 시작 (실습)

• JavaScript '객체'(Object) 또는 '개체'라고도 불린다.

• HTML 문서에 작성된 요소를 브라우저가 해석해서 문서 객체화 시킨다.

• 객체에 접근하기 위해서는 요소에 식별 가능한 속성(예: id, class 등)이 필요하다.

// 문자 "19"과 문자 "12"
n1.value; // "19"
n2.value; // "12"

var x = n1.value,
  y = n2.value; // 선언과 동시에 값을 할당

x; // "19"
y; // "12"

// 숫자가 아닌 문자 "19"와 문자 "12"가 합쳐졌기 때문이다.
x + y; // "1912"

// 프로그램이 숫자로 인식하게 하기 위해서는 함수()를 사용해야 한다.

Number(x) + Number(y); // 31

실습 자료