GAMINGS

KO | EN

gitlite — search

#python #typescript #react #machine-learning #hacktoberfest #rust #reactjs #llm #nextjs #javascript #docker #postgresql

★ 31 Open GitHub ↗

No description available.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# GAMINGS
const container = document.querySelector('.container');
const seats = document.querySelectorAll('.row .seat:not(.occupied)');
const count = document.getElementById('count');
const total = document.getElementById('total');
const movieSelect = document.getElementById('movie');

let ticketPrice = +movieSelect.value;

// Update total and count
function updateSelectedCount() {
    const selectedSeats = document.querySelectorAll('.row .seat.selected');
    const selectedSeatsCount = selectedSeats.length;

const seatIndex = [...selectedSeats].map(seat => [...seats].indexOf(seat));

count.innerText = selectedSeatsCount;
    total.innerText = selectedSeatsCount * ticketPrice;
}

// Movie select event
movieSelect.addEventListener('change', (e) => {
    ticketPrice = +e.target.value;
    updateSelectedCount();
});

// Seat click event
container.addEventListener('click', (e) => {
    if (e.target.classList.contains('seat') && !e.target.classList.contains('occupied')) {
        e.target.classList.toggle('selected');
        updateSelectedCount();
    }
});

// Confirm Booking
function confirmBooking() {
    const selectedSeats = document.querySelectorAll('.row .seat.selected');
    if (selectedSeats.length > 0) {
        alert("Booking Confirmed! Enjoy the show!");
    } else {
        alert("Please select a seat before confirming the booking.");
    }
}

GAMINGS

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README