03_js-dom/unterricht/tag19/02_document-query-selector/index.html

@@ -10,11 +10,14 @@
     <main>
       <div class="container py-5">
         <h1>document.querySelector() - Hello World!</h1>
+        <div class="output alert alert-secondary my-3"></div>
       </div>
     </main>
     <script>
       'use strict';
 
+      const outputEl = document.querySelector('.output');
+
       const h1El = document.querySelector('h1');
 
       h1El.innerHTML = 'Hello <em>World</em>';

03_js-dom/unterricht/tag19/07_css-pseudoklassen/index.html

@@ -78,7 +78,7 @@
 
       /* :nth-child(odd | even) */
 
-      table tbody tr:nth-child(odd) td {
+      .table-striped > tbody > tr:nth-of-type(odd) > * {
         background-color: rgba(0, 0, 0, 0.1);
       }
 
@@ -126,7 +126,7 @@
           werden.
         </p>
 
-        <table class="table">
+        <table class="table table-striped">
           <thead class="table-dark">
             <tr>
               <th>Name</th>