From 2e53589a4182d2a53596581ead4493867bdcc43e Mon Sep 17 00:00:00 2001
From: Karan <50290386+Sonawane-Karan26@users.noreply.github.com>
Date: Wed, 24 Nov 2021 22:19:36 +0530
Subject: [PATCH] Exercise 11.4

---
 Chapter 11/Exercise 11.4 | 32 ++++++++++++++++++++++++++++++++
 1 file changed, 32 insertions(+)
 create mode 100644 Chapter 11/Exercise 11.4
diff --git a/Chapter 11/Exercise 11.4 b/Chapter 11/Exercise 11.4
new file mode 100644
index 0000000..73e7de0
--- /dev/null
+++ b/Chapter 11/Exercise 11.4	
@@ -0,0 +1,32 @@
+<!doctype html>
+<html>
+<head>
+    <title>JS Tester</title>
+</head>
+<body> 
+    <div class="output"></div> 
+    <script>        
+        const output = document.querySelector(".output");
+        output.textContent = "hello world";
+        output.style.height = "200px";
+        output.style.width = "400px";
+        output.style.backgroundColor = "red";
+        output.addEventListener("mousedown", function (e) {
+            message("green", e);
+        })
+        output.addEventListener("mouseover", function (e) {
+            message("red", e);
+        })
+        output.addEventListener("mouseout", function (e) {
+            message("yellow", e);
+        })
+        output.addEventListener("mouseup", function (e) {
+            message("blue", e);
+        })
+        function message(elColor, event) {
+            console.log(event.type);
+            output.style.backgroundColor = elColor;
+        }
+    </script>
+</body>
+</html>
