🎈 JavaScript
- 사용자와의 상호작용을 가능하게 해주는 웹의 동작을 구현할 수 있는 객체(Object) 기반의 스크립트 언어이다.
- 기본적으로 HTML 안에서 동작하는 언어이며, HTML과 완전히 다른 문법을 가지고 있다.
웹 <script>웹 브라우저에 '지금부터 JavaScript가 시작된다'라고 알리는 태그이며, 이 태그 안쪽에 있는 코드는 JavaScript로 해석한다.HTML과 JavaScript의 차이HTML은 1+1을 텍스트로 인식하지만, JavaScript는 합으로 연산해 출력한다.document.write()웹 페이지에 텍스트를 출력할 때 쓴다.
🎈 Event
Event(이벤트)웹 브라우저 위에서 일어나는 일들을 말한다.<input>사용자에게 입력 받을 수 있는 필드를 생성
(button, text, checkbox, color, date, file, password, number, month 등)onclick이벤트 속성(on이 들어가는 속성) 중 하나로, on 속성의 값으로는 반드시 JavaScript가 와야한다.alert경고창을 띄워주는 속성
📋 실습
<body> <input type="button" value="night" onclick=" document.querySelector('body').style.backgroundColor='black'; document.querySelector('body').style.color='white'; "> <input type="button" value="day" onclick=" document.querySelector('body').style.backgroundColor='white'; document.querySelector('body').style.color='black'; "> </body> <!--night 버튼을 누르면 배경색이 black으로 바뀌고, day 버튼을 누르면 white로 바뀐다.-->
TIL