03_js-dom/unterricht/tag22/02_attribut-boolean/index.html

@@ -85,6 +85,21 @@
       });
 
       // TODO: Die letzten 3 Buttons mit Aktion zuweisen.
+      DOM.buttonCheckOn.addEventListener('click', (e) => {
+        e.preventDefault();
+        DOM.cbAgb.checked = true;
+        DOM.btnSend.disabled = false;
+      });
+      DOM.buttonCheckOff.addEventListener('click', (e) => {
+        e.preventDefault();
+        DOM.cbAgb.checked = false;
+        DOM.btnSend.disabled = true;
+      });
+      DOM.buttonCheckOnOff.addEventListener('click', (e) => {
+        e.preventDefault();
+        DOM.cbAgb.checked = !DOM.cbAgb.checked;
+        DOM.btnSend.disabled = !DOM.btnSend.disabled;
+      });
     </script>
   </body>
 </html>

03_js-dom/unterricht/tag22/03_style-font-size/assets/js/main.js

@@ -47,8 +47,9 @@
   // === EVENTHANDLER =====
   const onClickFontSize = (e) => {
     const btnEl = e.currentTarget;
-    const label = btnEl.getAttribute('data-label');
-    const size = btnEl.getAttribute('data-size');
+    // const { label,size} = btnEl.dataset;
+    const label = btnEl.getAttribute('data-label'); // btnEl.dataset.label;
+    const size = btnEl.getAttribute('data-size'); // btnEl.dataset.size;
     switch (label) {
       case 'INCREASE':
         setFontSize(currentFontSize() + 5);
@@ -57,7 +58,13 @@
         setFontSize(currentFontSize() - 5);
         break;
       default:
-        setFontSize(size);
+        //  setFontSize(eval(label));
+        // => eval('BIG') -> BIG // VORSICHT: eval ist evil
+        if (!isNaN(size)) {
+          setFontSize(size);
+        } else {
+          console.warn('not a valid size');
+        }
     }
   };