dom

by aninaslyan

HTML

<html>
<head>
  <p>
Hello
</p>
<ul id="first"></ul>
<ul id="second"></ul>
</head>
<body>
  <p>sdkljfn</p>
</body>
</html>

CSS

#first { color: green;}
#second { color: red;}

JavaScript

function addMessage(element, message){
  var messageElement = document.createElement("li");
  messageElement.innerHTML = message;//textContent
  element.appendChild(messageElement);
}
var first = document.getElementById("first");
addMessage(first, "Page loading");




document.body.addEventListener("mousemove", function() {
  var second = document.getElementById("second");
  addMessage(second, "Event: mousemove");
});
document.body.addEventListener("click", function(){
  var second = document.getElementById("second");
  addMessage(second, "Event: click");
});