bsss

function solve() {

    const $inputFields = document.getElementById('container');
    const $formButton = document.querySelector('#add-new div button')
    const $clearButton = Array.from(document.querySelectorAll('button')).filter(x => x.textContent === 'Clear')[0];
    let [name, hall, ticketPrice] = Array.from($inputFields.children);

    $formButton.addEventListener('click', e => {
        e.preventDefault();

        if (!name.value || !hall.value || !Number(ticketPrice.value)) {
            return;
        }

        let $moviesUl = document.querySelector('#movies ul');
        let $liEl = document.createElement('li');
        let $span = document.createElement('span');
        let $div = document.createElement('div');
        let $input = document.createElement('input');
        let $archiveButton = document.createElement('button');

        $span.textContent = name.value;
        $liEl.appendChild($span);
        $liEl.innerHTML += `<strong>Hall: ${hall.value}</strong>`;

        $div.innerHTML += `<strong>${Number(ticketPrice.value).toFixed(2)}</strong>`;
        $input.placeholder = "Tickets Sold";

        $archiveButton.textContent = 'Archive';

        $div.appendChild($input);
        $div.appendChild($archiveButton);

        $liEl.appendChild($div);
        $moviesUl.appendChild($liEl);

        name.value = '';
        hall.value = '';
        ticketPrice.value = '';

        $archiveButton.addEventListener('click', e => {

            if (!Number($input.value)) {
                return;
            }
            let $archiveSection = document.querySelector('#archive ul');
            let $archiveLi = document.createElement('li');
            let $archiveSpan = document.createElement('span');
            let $deleteButton = document.createElement('button');
            let $finalTicketPrice = document.querySelector('#movies ul li div strong');
            let $finalName = document.querySelector('#movies ul li span')
            let totalSum = Number($input.value) * Number($finalTicketPrice.textContent);
            $deleteButton.textContent = 'Delete';

            $archiveSpan.textContent = $finalName.textContent;
            $archiveLi.appendChild($archiveSpan);
            $archiveLi.innerHTML += `<strong>Total amount: ${totalSum.toFixed(2)}</strong>`;
            $archiveLi.appendChild($deleteButton);

            $archiveSection.appendChild($archiveLi);

            e.target.parentElement.parentElement.remove()

            $deleteButton.addEventListener('click', e => {
                e.currentTarget.parentElement.remove();
            });

            $clearButton.addEventListener('click', e => {
                document.querySelector('#archive ul').innerHTML = '';
            });
        });
    })

}