booked seat information enhanced

khalid586 · Feb 18, 2024 · c041be8 · c041be8
1 parent e92e29e
commit c041be8
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 5 deletions.
diff --git a/index.html b/index.html
@@ -62,9 +62,14 @@
 
         </div>
         <div>
-            <p>Seats <sup id = "seatTaken" class="bg-green-500 text-white px-1 rounded-full">0</sup></p>
-            <p  class="font-bold text-2xl mt-4">Selected seats</p>
-            <p id = "selected" class=""></p>
+            <div class="flex justify-between font-bold">
+                    <p>Seat <sup id = "seatTaken" class="bg-green-500 text-white px-1 rounded-full">0</sup></p>
+                    <p>Class</p>
+                    <p>Price</p>          
+            </div>
+            <div class="" > 
+                <p id = "selected"></p>
+            </div>
             <p class="font-bold">Total : <span id = "total">0</span></p>
 
             <br>

diff --git a/script.js b/script.js
@@ -21,8 +21,9 @@ allSeats.forEach(seats =>
                     document.getElementById('coupon-btn').removeAttribute('disabled');
                 }
 
-                const newSeat = document.createElement('p');
-                newSeat.innerText = `You have selected ${seat.id}`;
+                const newSeat = document.createElement('div');
+                newSeat.classList.add('flex','justify-between');
+                newSeat.innerHTML = `<p>${seat.id}</p> <p>Economy</p> <p>550</p>`;
                 document.getElementById('selected').appendChild(newSeat);
 
                 let seatsLeft = parseInt(document.getElementById('remaining').innerText);