01_grundlagen/unterricht/tag10/09_local-scoping-iife.html

@@ -67,7 +67,10 @@
     <script>
       'use strict';
       // Einschränkung vom Gültigkeitsbereich mit IIFE (() => {})()
-      (() => {
+      ((jq) => {
+        const $ = (qs) => document.querySelector(qs);
+        const $$ = (qs) => Array.from(document.querySelectorAll(qs));
+
         var numbers = [1, 2, 3, 4, 5];
         let userRoles = ['admin', 'guest', 'editor'];
         let name = 'User Dashboard';
@@ -81,8 +84,9 @@
         });
         // code logic....
 
-        $('.container').css({ backgroundColor: '#eee' });
-      })();
+        jq('.container').css({ backgroundColor: '#eee' });
+        jq('h1').animate({ marginTop: '200px' }, 800);
+      })($);
 
       console.log(numbers); //=> ReferenceError: numbers is not defined
       console.log(slider); //=> ReferenceError: slider is not defined

01_grundlagen/unterricht/tag10/10_prefer-const.html

@@ -16,7 +16,7 @@
       'use strict';
 
       // prefer-const
-      let transform = (fullName) => {
+      const transform = (fullName) => {
         const nameParts = fullName.split(' '); // =>  ['Ladislaus', 'Coolio', 'Barry', 'Crazy', 'Jones'];
         const lastName = nameParts.slice(nameParts.length - 1); // => 'Jones'
 
@@ -28,6 +28,8 @@
         return firstNames.map((firstName) => firstName.charAt(0) + '.').join(' ') + ' ' + lastName;
       };
 
+      // const transfrom = 'Optimus'
+
       console.log(transform(aLongName));
       // transform = 'text'; // Uncaught TypeError: Assignment to constant variable