jS shenan

practice.css

div{
  height: 100px;
  width: 100px;
  background: #C15244;
}

practice.html

<div id="btn"> <a href="#"> Click me! </a> </div>

practice.js

var button = document.getElementById('btn');
function doSomething(){
  alert("I'm doing something!")
}

/*button.onClick = function() {
   style.color = "blue";
}*/

// better than onClick: 
button.addEventListener('click', doSomething());

button.addEventListener('mouseover', function(){
  this.style.background = "blue";
});

button.addEventListener('mouseout', function(){
  this.style.background = "#C15244";
});

document.querySelector('a').addEventListener('click', function(event){
  //client side validation
  event.preventDefault();
  alert('You just cliked this link!');
});