Welcome to JS Bin

JS Bin

Save
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>DOM Event</title>
</head>
<body>
  <div class="eventClass">
    <div id="clickID" class="clickClass">click here</div>
    <div id="handle" class="handleClass">hi dowon</div>
  </div>
</body>
</html>
 
.eventClass {
  position: absolute;
  top: 50px;
  left: 50px;
}
​
.clickClass, .handleClass {
  width: 100px;
  height: 30px;
}
 
window.onload = function () {
  var clickNode = document.getElementById('clickID');
  if(clickNode.addEventListener) {
    clickNode.addEventListener('click', handleClick, false);
  } else {
    clickNode.attachEvent('click', handleClick);
  }
  
  function handleClick () {
    document.getElementById('handle').style.backgroundColor = 'green';
  }
};
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x