23.05.22 JavaScript <script>, Event

1. Script tag

<script> tag

= 웹 브라우저에게 ' Html의 코드로 JS가 시작됨 ' 을 알려주는 tag
: script tag 안쪽의 코드를 JS로 해석

• HTML
  : 정적인 코드

	<h3>HTML</h3>
	     1+1

 결과 : 1+1

• JavaScript
  : 동적인 코드

	<h3>JavaScript</h3>
	  <script>
	    document.write(1+1);
	  </script>

 결과 : 2  

2. EVENT

<input type = "button" value="Hi" onclick="alert('hello')">

• 'onclick 속성'의 "속성값"
  = alert('hello')
  : 반드시 JS가 와야함.
  : 웹은 'onclick 속성'의 "속성값(=JS)"을 기억하고 있다가 onclick이 소속된 tag를 사용자가 클릭했을 때 실행시킴.
  
  
  이처럼 웹 위에서 일어나는 일을 EVENT라 칭함.
  어떠한 이벤트가 일어났을 때 특정 JS가 실행되도록 하는 것이 onclick.
  
  
• 웹의 이벤트 ?
  • onclick="(~JS~)" : onclick이 속성된 button을 누를 경우 속성 값으로 저장된 JS 코드 실행
  • onchange="" : 입력된 글씨가 변경될 경우 속성값으로 저장된 JS 코드 실행
  • onkeydown="" : 아무 키를 누를 경우 속성값으로 저장된 JS 코드 실행
  • +) type
    : type="button" : click
    : type="text" : 글씨 입력