From 541c94e05c40a34a9bb7711503d76889848ab74b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jmeno=20P=C5=99=C3=ADjmen=C3=AD?=
 <jmeno.prijmeni@odbornaskola.cz>
Date: Wed, 8 Dec 2021 13:12:00 +0100
Subject: [PATCH] report

---
 index.html | 20 ++++++++++++++++++--
 1 file changed, 18 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index 8627e02..9cb97d3 100644
--- a/index.html
+++ b/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>