<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>Insert title here</title>
</head>
<body>
<h1>
<a href="#">Front-end Developer</a>
</h1>
<button id="back">DESIGN</button>
<button id="font">DEFAULT</button>
<ul>
<li>HTML</li>
<li>CSS</li>
<li>Javascript</li>
</ul>
<br />
<h1>Javascript</h1>
<br />
<p>Javascript는 웹 페이지를 동적인 페이지로 만들기 위해 고안된 언어입니다.</p>
<p>차근차근 Javascript에 대해서 배워보도록 합시다</p>
<script type="text/javascript">
var back = document.querySelector("#back");
var font = document.querySelector("#font");
var body = document.querySelector("body");
back.addEventListener("click", function() {
body.style.backgroundColor = "#000000";
});
font.addEventListener("click", function() {
body.style.color = "#F6F6F6";
});
</script>
</body>
</html>