Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- function solve() {
- let onScreenButton = Array.from(document.querySelectorAll("#container button"))[0];
- let movieOnScreen = Array.from(document.getElementsByTagName('section'))[0];
- let archiveMovie = Array.from(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 ppp = Number(movieTicketPrice.value);
- strongPrice.innerHTML = ppp.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(movieTicketPrice.value) * 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);
- });
- clearButton.addEventListener('click', (e) => {
- document.getElementsByTagName('section')[1].children[1].innerText = '';
- })
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement