addEventListener
- addEventListener는 두개의 인자를 받는 함수이다.
- 첫번째 인자에는 감지할 이벤트를 전달한다.
- 두번째 인자에는 실행할 함수를 전달한다.
HTML
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Momentum App</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div id="first" class="Momentum">
<h1>Grab me!</h1>
</div>
<script src="app.js"></script>
</body>
</html>JS
const title = document.querySelector(".Momentum h1");
function handleTitleClick() {
title.style.color = "red";
}
title.addEventListener("click", handleTitleClick);
// 코드는 정상적으로 작동하지만 보통 스타일은 CSS를 통해서 변경해야한다.결과:
프론트엔드 개발자 지망생