Advertisement
mirozspace

Untitled

Oct 22nd, 2020
140
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.02 KB | None | 0 0
  1. function solve() {
  2.  
  3. let onScreenButton = Array.from(document.querySelectorAll("#container button"))[0];
  4. let movieOnScreen = Array.from(document.getElementsByTagName('section'))[0];
  5. let archiveMovie = Array.from(document.getElementsByTagName('section'))[1];
  6. let clearButton = Array.from(document.querySelectorAll('#archive button'))[0];
  7.  
  8. onScreenButton.addEventListener("click", (event) => {
  9. event.preventDefault();
  10. let movieName = Array.from(document.querySelectorAll("#container input"))[0];
  11. let movieHall = Array.from(document.querySelectorAll("#container input"))[1];
  12. let movieTicketPrice = Array.from(document.querySelectorAll("#container input"))[2];
  13.  
  14. if(movieName.value === '' || movieHall.value === '' || movieTicketPrice.value === ''
  15. || !Number(movieTicketPrice.value)) return;
  16.  
  17. let li = document.createElement('li');
  18. let span = document.createElement('span');
  19. span.innerHTML = `${movieName.value}`;
  20. let strongHall = document.createElement('strong');
  21. strongHall.innerHTML = `Hall: ${movieHall.value}`;
  22. let div = document.createElement('div');
  23. let strongPrice = document.createElement('strong');
  24.  
  25. let ppp = Number(movieTicketPrice.value);
  26. strongPrice.innerHTML = ppp.toFixed(2);
  27.  
  28. let input = document.createElement('input');
  29. input.placeholder = 'Tickets Sold';
  30. let buttonArchive = document.createElement('button');
  31. buttonArchive.innerHTML = 'Archive';
  32. div.appendChild(strongPrice);
  33. div.appendChild(input);
  34. div.appendChild(buttonArchive);
  35. li.appendChild(span);
  36. li.appendChild(strongHall);
  37. li.appendChild(div);
  38.  
  39. buttonArchive.addEventListener('click', (event)=>{
  40.  
  41. let numberOfTickets = event.target.parentElement.children[1].value;
  42. if(!Number(numberOfTickets)) return;
  43. let newArticle = event.target.parentElement.parentElement;
  44. let totalPrice = Number(movieTicketPrice.value) * Number(numberOfTickets);
  45. totalPrice = totalPrice.toFixed(2);
  46. newArticle.lastElementChild.remove();
  47. newArticle.lastElementChild.remove();
  48. let buttonDelete = document.createElement('button');
  49. buttonDelete.textContent = 'Delete';
  50.  
  51. let strongTotalPrice = document.createElement('strong');
  52. strongTotalPrice.innerHTML = `Total amount: ${totalPrice}`;
  53.  
  54. newArticle.appendChild(strongTotalPrice);
  55. newArticle.appendChild(buttonDelete);
  56. archiveMovie.children[1].appendChild(newArticle);
  57. buttonDelete.addEventListener('click', (event)=>{
  58. event.target.parentElement.remove();
  59. })
  60. })
  61. movieOnScreen.children[1].appendChild(li);
  62. });
  63.  
  64. clearButton.addEventListener('click', (e) => {
  65. document.getElementsByTagName('section')[1].children[1].innerText = '';
  66.  
  67. })
  68. }
  69.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement