자바스크립트란?
프로그래밍 언어 중 하나로, 브라우저가 알아들을 수 있는 언어입니다.
자바스크립트를 html에 적용하는 방법은 3가지가 있는데
- inline 방식
- html 바디에 그대로 삽입
<body>
<input type="button" onclick="alert('Hello world!')"
value="버튼"/>
</body>2.내부 자바스크립트
- script 태그를 이용하여 사용
ex)
<script>
function btn(){
alert("Hello world!");
}
</script>
<body>
<button onclick="btn()">버튼</button>
</body> 3.외부 자바스크립트
<script src="filename.js"></script>를 사용하여 자바스크립트를 불러올 수 있다.
html에 있는 class, id 등에 접근하여 사용하기 위해서 js파일에 불러와야하는데,
이때 getElementById, getElementsByClassName 등을 사용한다.
이벤트 종류와 이벤트 추가, 제거에 관해서는 아래 블로그에서 설명한다.
자바스크립트 이벤트 종류와 addEventListener,removeEventListener
