이벤트(event) : 웹 브라우저가 알려주는 HTML 요소에 대한 사건의 발생을 의미한다. 사건이란 UI에 발생한 클릭, 드래그, 페이지로드, 입력 값 변경 등 우리가 실제로 웹 브라우저를 사용할 때 동작하는 행위를 의미한다. 웹 페이지에 사용된 자바스크립트는 이렇게 발생한 이벤트에 반응하여 특정 동작을 수행 하는데 이를 일걷어 클라이언트 측 자바스크립트를 비동기식 이벤트 중심(event-driven)의 프로그래밍 모델이라고도 한다. 이벤트 핸들러 (event handler) : 이벤트가 발생했을 때 그 처리를 담당하는 함수를 말한다 ① click : 클릭 이벤트 onclick ② load : 페이지 열리자마자 발생 onload ③ focus : 포커스 획득 onfocus 텍스트 창은 커서를 위치시켜 ..

페이지 이동 : 원하는 링크를 첨부하여 페이지를 이동하는 기능을 구현 할 수 있다. location.href : 페이지 그대로의 이동 location.replace() : 현재 페이지에 덮어 씌우는 역할. 이전 페이지로 이동 불가능 window.open() : 새 창으로 페이지를 이동

value 값을 가져와서 실제로 동작하는 계산기를 밑에 처럼 만들어 보자 계산기

HTML의 요소는 서버로 데이터를 전송하기 위한 요소로 요소 내부에는 사용자로부터 입력받은 데이터를 전송할 수 있는 다양한 폼 요소들이 있다. 이 때, 사용자로부터 입력받은 데이터를 서버로 전송하기 위해서는 JavaScript를 사용하여 해당 폼 요소의 값을 가져와야 한다. 이 때, "value" 속성을 사용하면 해당 폼 요소에 입력된 값을 간편하게 가져올 수 있다. HTML에서 사용 가능한 폼 요소 : 텍스트, 비밀번호, 숫자, 날짜, 시간 등 다양한 형식의 입력을 받을 수 있는 요소 : 여러 줄의 텍스트를 입력할 수 있는 요소 : 드롭다운 목록을 만들 수 있는 요소 : 요소 내에서 드롭다운 목록의 각 항목을 나타내는 요소 : 체크박스를 만들 수 있는 요소 checkbox는 여러개 체크가 가능해서 배열..