<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id= "btn" >?</div>
<script src="app.js"></script>
</body>
</html>
var btn = document.getElementById('btn');
btn.addEventListener('click', function(){
this.textContent = 'hits!';
});
#マウスがあっ立ってる時だけ
btn.addEventListener('mousedown', function(){
this.className = 'pushed';
});
#マウスが外れた時時だけ
btn.addEventListener('mouseup', function(){
this.className = '';
});