JavaScript_<script>태그, 이벤트, 콘솔

JavaScript란 사용자와 상호작용하는 언어이다.

 

<script> </script> 태그로 자바스크립트 코드가 시작된다는 것을 알린다.

 

1. HTML과 JavaScript의 차이점

-HTML에서 '1+1'을 쓰면 정적이라서 그대로 '1+1'로 출력,

 JavaScript는 '1+1'을 쓰면 동적이라서 계산기처럼 '2'로 출력된다.

 

2. HTML과 JavaScript의 이벤트 

<input>태그 : 글자나 텍스트를 넣을 수 있는 칸이 생긴다.

ex) <input type="button" value="hi" onclick="alert('hi)"> 

button ->버튼 모양

value->버튼에 글자

onclick->사용자가 요소를 클릭할 때 발생/ 어떤 이벤트가 일어났을 때 자바스크립트 코드를 실행하게 하는 것.

=>onclick속성 외에도 'on'으로 시작하는 속성들을 이벤트라고 한다.

alert->경고창

3. HTML과 JavaScript의 콘솔

:콘솔(console)이란 실시간으로 자바스크립트를 실행하고 데이터를 간단하게 처리할 때 사용하는 기능이다.

-웹 페이지에서 마우스 오른쪽 버튼을 클릭한 다음 [검사]버튼을 누르고 [Console]탭을 눌러 실행한다.

ex)텍스트가 몇 개의 글자로 이뤄져 있는지 알고 싶다면, 그 문자들을 ' '로 묶어 

문자의 개수를 알려주는 명령 .length를 쓰고 alert()으로 감싸면 경고창으로 문자가 몇 개인지 알려준다.