diff --git a/events.js b/events.js
index 416cdd1..639d954 100644
--- a/events.js
+++ b/events.js
@@ -1,5 +1,5 @@
-// Don't change or delete this line! It waits until the DOM has loaded, then calls 
-// the start function. More info: 
+// Don't change or delete this line! It waits until the DOM has loaded, then calls
+// the start function. More info:
 // https://developer.mozilla.org/en-US/docs/Web/Events/DOMContentLoaded
 document.addEventListener('DOMContentLoaded', start)
 
@@ -7,7 +7,10 @@ function start () {
   // The first example is done for you. This will change the background colour of the first div
   // when you mouse over it.
   one()
-    
+  two()
+  three()
+  four()
+
   // Your turn! Create a new function called `two`, then call it from here.
 }
 
@@ -23,11 +26,38 @@ function one () {
 }
 
 // CREATE FUNCTION two HERE
-
+function two() {
+  var one = document.getElementById('two')
+  one.addEventListener('mouseenter', makeGreen)
+function makeGreen (evt) {
+   evt.target.style.backgroundColor = 'green'
+}
+  one.addEventListener('mouseleave', makeWhite)}
+function makeWhite (evt) {
+   evt.target.style.backgroundColor = 'white'
+}
 // CREATE FUNCTION three HERE
-
+function three() {
+  var one = document.getElementById('three')
+  one.addEventListener('mouseenter', makeOrange)
+function makeOrange (evt) {
+   evt.target.style.backgroundColor = 'orange'
+}
+  one.addEventListener('mouseleave', makeWhite)}
+function makeWhite (evt) {
+   evt.target.style.backgroundColor = 'white'
+}
 // CREATE FUNCTION four HERE
-
+function four() {
+  var one = document.getElementById('four')
+  one.addEventListener('click', makePurple)
+function makePurple (evt) {
+   evt.target.style.backgroundColor = 'purple'
+}
+  one.addEventListener('mouseleave', makeWhite)}
+function makeWhite (evt) {
+   evt.target.style.backgroundColor = 'white'
+}
 // Changes the background color of event's target
 function makeBlue (evt) {
   evt.target.style.backgroundColor = 'blue'