centralCinema

function solve() {
    let movieName = document.querySelectorAll("#container input")[0];
    let Hall = document.querySelectorAll("#container input")[1];
    let ticketPrice = document.querySelectorAll("#container input")[2];
    let onScreenBtn = document.querySelector("#container button");

    let ulMovies = document.querySelector("#movies ul");

    let ulArchive = document.querySelector("#archive ul");

    let clearBtn = document.querySelector("#archive button");

    onScreenBtn.addEventListener("click", onScreen);

    function onScreen(ev) {
        ev.preventDefault();
        if (
            movieName.value == false ||
            Hall.value == false ||
            isNaN(ticketPrice.value) ||
            (ticketPrice.value == false && ticketPrice.value !== 0)
        ) {
            return;
        }
        let newLiElement = createLi(
            movieName.value,
            Hall.value,
            ticketPrice.value
        );
        ulMovies.appendChild(newLiElement);
        movieName.value = "";
        Hall.value = "";
        ticketPrice.value = "";
    }

    function createLi(name, hall, price) {
        let newLi = document.createElement("li");
        let newSpan = document.createElement("span");
        newSpan.textContent = name;
        newLi.appendChild(newSpan);
        let newStrong = document.createElement("strong");
        newStrong.textContent = "Hall: " + hall;
        newLi.appendChild(newStrong);
        let newDiv = document.createElement("div");
        newLi.appendChild(newDiv);
        let strongInDiv = document.createElement("strong");
        strongInDiv.textContent = Number(price).toFixed(2);
        newDiv.appendChild(strongInDiv);
        let inputInDiv = document.createElement("input");
        inputInDiv.placeholder = "Tickets Sold";
        newDiv.appendChild(inputInDiv);
        let archiveBtn = document.createElement("button");
        archiveBtn.textContent = "Archive";
        archiveBtn.addEventListener("click", archive);
        newDiv.appendChild(archiveBtn);

        function archive(ev) {
            if (isNaN(inputInDiv.value) || inputInDiv.value.trim() == "") {
                return;
            }
            let totalAmnt = Number(inputInDiv.value) * Number(price);
            newDiv.remove();
            newStrong.textContent = "Total amount: " + totalAmnt.toFixed(2);
            let deleteBtn = document.createElement("button");
            deleteBtn.textContent = "Delete";
            deleteBtn.addEventListener("click", deleteLi);
            function deleteLi(ev) {
                newLi.remove();
            }

            newLi.appendChild(deleteBtn);

            ulArchive.appendChild(newLi);
        }

        return newLi;
    }

    clearBtn.addEventListener("click", clearArchives);
    function clearArchives(ev) {
        let allLis = ulArchive.children;
        while (ulArchive.firstChild) {
            ulArchive.removeChild(ulArchive.firstChild);
        }
    }
}