[JavaScript] 생활코딩 WEB2 JavaScript 1~11강

ex1.html (script 태그)

Javascript와 html로 각 1+1을 입력했다.

JavaScript(동적)는 계산값인 2를, Html(정적)은 1+1을 그대로 출력했다.

---

ex2.html (이벤트)

button, text에 onclick, onchange, onkey 등을 썼다(이벤트).

1. hi라는 이름의 버튼을 누르면

hi라고 적힌 경고창이 뜬다(onclick : 클릭 인식).

2. 텍스트 입력창에 아무거나 입력한 후 해당 입력창을 제외한 아무 곳이나 클릭하면

change라고 적힌 경고창이 뜬다(onchange : 마우스커서의 위치와 클릭을 인식).

3. 오른쪽 텍스트 입력창에 아무거나 입력하면

key down!이라고 적힌 경고창이 뜬다(onkeydown : 키보드 입력을 인식).

---

ex3.html (CSS 기초, 선택자)

css 기초. 특히 선택자에 대해 알아보자.

적용우선순위가 id(초록) → class(빨강) → span tag(파랑) 순인 것을 알 수 있다.

---

출처