in class work

quiz/arrow.html

@@ -12,14 +12,16 @@
     <script>
         const obj = {
             msg: 'Hello World',
-            hello:  function() {
-                document.getElementById('demo').innerHTML += this.msg;
+            hello: function() {
+                document.getElementById('demo').innerText += this.msg;
             }
         };
-        window.addEventListener('load', function() {
+        window.addEventListener('load', () => {
+            alert(this);
             obj.hello();
         });
-        document.getElementById('btn').addEventListener('click', function() {
+        document.getElementById('btn').addEventListener('click', () => {
+            alert(this)
             obj.hello();
         });
     </script>

quiz/scripts/closure.js

@@ -1,10 +1,11 @@
 function setColor(set) {
         let changeColor = set;
-        if(changeColor) {
-            let userColor = document.getElementById('color').value;
-            document.getElementById('myPara').style.color = userColor;
+        return () => {
+            if(changeColor) {
+                let userColor = document.getElementById('color').value;
+                document.getElementById('myPara').style.color = userColor;
+            }
         }
-
 }
 
 window.onload = function() {

quiz/scripts/logger.js

@@ -1 +1,8 @@
 // Define a JavaScript function called logMsg() that can be used to log an error message for any object that contains the property errMsg. 
+function logMsg() {
+    console.log(`Error: ${this.errMsg}`);
+}
+const obj1 = {
+    errMsg: "error has occured"
+}
+logMsg.call(obj1);