report

index.html

@@ -53,6 +53,12 @@
         </div>
     </form>
 
+    <div id="report">
+        <p>třída: <span id="zvolena-trida">E</span></p>
+        <p>cestujících: <span id="zvoleny-pocet">1</span></p>
+        <p>sedadla: <span id="zvolena-sedadla">není vybráno</span></p>
+    </div>
+
     <script>
         function resetSedadel() {
             for (let index = 0; index < sedadla.length; index++) {
@@ -66,6 +72,8 @@
         let volbaTridy = document.querySelector("#volba-tridy");
         volbaTridy.addEventListener("change", function() {
             resetSedadel();
+            let trida = document.querySelector("#zvolena-trida");
+            trida.innerText = this.value;
         });
 
         let pocetCestujicich = document.querySelector("#pocet-cestujicich");
@@ -91,9 +99,17 @@
                         }
                     }
                     
-                    // this.classList.toggle("sedadlo-vyber");
+                    let vypis = document.querySelector("#zvolena-sedadla");
+                    vypis.innerText = "";
+                    let sedadla = document.querySelectorAll(".sedadlo-vyber");
+                    for (let s = 0; s < sedadla.length; s++) {
+                        const element = sedadla[s];
+                        vypis.innerText += element.innerText;
+                        if (s + 1 < sedadla.length) {
+                            vypis.innerHTML += ",&nbsp;";
+                        }
+                    }
                 }
-                
             });
         }
     </script>