[JS-자바스크립트]1.기본개념 (script태그 / 이벤트(onclick) / 콘솔)

@@@@@유튜브 생활코딩으로 학습한걸 메모하는 용도인 점 참조 부탁드립니다@@@

 

@@@@@@@@1강@@@@@@@@ 1.수업소개

- 사용자와 상호작용하기 위해 나온 언어

 

@@@@@@@@2강@@@@@@@@ 2.수업목적

-야간모드 주간모드 기능을 만들어볼 예정 (버튼으로 배경색 변경)

 

@@@@@@@@3강~5강@@@@@@@@ 3.HTML과 JS의 만남 (Script 태그, 이벤트, 콘솔)

[1]script태그

(1)기본개념

- 이제부터 자바스크립트 시작합니다.

Ex) <script>  document.write(‘hello”) </script>  >>>hello 표시됨

(2)html과 차이

1)html (정적임)

<h1>1+1</h1>  >>>>> 1+1로 표시됨

2)js (동적임)

<script>  document.write(1+1) </script>  >>>> 2로 표시됨

 

 

[2]이벤트

(1)onclick 이벤트 (속성)

- onclick으로 클릭하면 > alert창 생성

 

(2)onchange 이벤트 (속성)

- 텍스트영역에 입력하고 엔터치면 alert창 뜸

 

(3)onkeydown 이벤트 (속성)

- 텍스트입력란에서 키보드 아무거나 누르면 alert창뜸

속성들은 얼마든지 검색해서 활용가능.

 

 

 

[3]콘솔

(1)개발자도구 > console > 여기서 자바스크립트 코드로 즉석에서 실행시킬수있음(따로 파일만들지 않아도)

1)length

‘문자…’ .length  >>> 문자 길이

 

>>>즉, 이미 만들어진 웹사이트에서 (콘솔을 통해서) 내가 원하는 자바스크립트 코딩으로 원하는 값을 얻어볼 수 있다