Cinema1

function solve() {
  let onScreenButton = Array.from(
    document.querySelectorAll("#container button")
  )[0];
  let movieOnScreen = document.getElementsByTagName("section")[0];
  let archiveMovie = document.getElementsByTagName("section")[1];
  let clearButton = Array.from(document.querySelectorAll("#archive button"))[0];

  onScreenButton.addEventListener("click", (event) => {
    event.preventDefault();
    let movieName = Array.from(document.querySelectorAll("#container input"))[0];
    let movieHall = Array.from(document.querySelectorAll("#container input"))[1];
    let movieTicketPrice = Array.from(document.querySelectorAll("#container input"))[2];

    if (
      movieName.value === "" ||
      movieHall.value === "" ||
      movieTicketPrice.value === "" ||
      !Number(movieTicketPrice.value)
    )
      return;

    let li = document.createElement("li");
    let span = document.createElement("span");
    span.innerHTML = `${movieName.value}`;
    let strongHall = document.createElement("strong");
    strongHall.innerHTML = `Hall: ${movieHall.value}`;
    let div = document.createElement("div");
    let strongPrice = document.createElement("strong");

    let moviePrice = Number(movieTicketPrice.value);
    strongPrice.innerHTML = moviePrice.toFixed(2);

    let input = document.createElement("input");
    input.placeholder = "Tickets Sold";
    let buttonArchive = document.createElement("button");
    buttonArchive.innerHTML = "Archive";
    div.appendChild(strongPrice);
    div.appendChild(input);
    div.appendChild(buttonArchive);
    li.appendChild(span);
    li.appendChild(strongHall);
    li.appendChild(div);

    buttonArchive.addEventListener("click", (event) => {

      let numberOfTickets = event.target.parentElement.children[1].value;
      if (!Number(numberOfTickets)) return;
      let newArticle = event.target.parentElement.parentElement;
      let totalPrice = Number(moviePrice) * Number(numberOfTickets);
      totalPrice = totalPrice.toFixed(2);
      newArticle.lastElementChild.remove();
      newArticle.lastElementChild.remove();
      let buttonDelete = document.createElement("button");
      buttonDelete.textContent = "Delete";

      let strongTotalPrice = document.createElement("strong");
      strongTotalPrice.innerHTML = `Total amount: ${totalPrice}`;

      newArticle.appendChild(strongTotalPrice);
      newArticle.appendChild(buttonDelete);
      archiveMovie.children[1].appendChild(newArticle);
      buttonDelete.addEventListener("click", (event) => {
        event.target.parentElement.remove();
      });
    });
    movieOnScreen.children[1].appendChild(li);

    let inputForClear = Array.from(
        document.querySelectorAll("#container input")
      );
      for (let i = 0; i < inputForClear.length; i++) {
        inputForClear[i].value = "";
      }

  });

  clearButton.addEventListener("click", (e) => {
    document.getElementsByTagName("section")[1].children[1].innerText = "";
  });
}