First JS CSS transition

intended for VueJS soon. Also reviewing MDBootstrap and how that can fit in.

by Samuel Fullman

HTML

<div id="trans">
hello
</div>

CSS

div{
  height: 200px;
  width: 200px;
  background-color: darkred;
  color: white;
  font-family: Arial;
  cursor: pointer;
  transition: all 2s;
}

JavaScript

document.getElementById('trans').onclick = function(){

this.style.backgroundColor = 'darkgreen';
return 'yes'
}
//console.log(document.getElementById('trans').click())