neZnam121

Untitled

Apr 6th, 2022
124
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.60 KB | None | 0 0
  1. function solve() {
  2. //TODO ...
  3.  
  4. const publishButton= document.getElementById('publish-btn');
  5. const titleElement=document.getElementById('post-title');
  6. const catecoryElement=document.getElementById('post-category')
  7. const contentElement= document.getElementById('post-content')
  8. const reviewListElement = document.getElementById('review-list');
  9. const uploadedPostsListElement = document.getElementById('published-list');
  10. const clearButtonElement = document.getElementById('clear-btn');
  11.  
  12. publishButton.addEventListener('click', (e)=>{
  13. e.preventDefault();
  14.  
  15. let title=titleElement.value;
  16. let category=catecoryElement.value;
  17. let content = contentElement.value;
  18.  
  19. titleElement.value= ''
  20. catecoryElement.value=''
  21. contentElement.value=''
  22.  
  23.  
  24. const liElement=document.createElement('li');
  25. liElement.classList.add('rpost');
  26. const approvedArticleElement=document.createElement('article');
  27. const titleH4=document.createElement('h4')
  28. titleH4.textContent=title;
  29. const categoryParagrahElement=document.createElement('p');
  30. categoryParagrahElement.textContent=`Category: ${category}`
  31. const contentParagrahElement= document.createElement('p');
  32. contentParagrahElement.textContent=`Content: ${content}`;
  33.  
  34. const editButton= document.createElement('button')
  35. editButton.textContent='Edit';
  36. editButton.classList.add('action-btn')
  37. editButton.addEventListener('click', (e)=>{
  38. liElement.remove()
  39.  
  40. titleElement.value= title
  41. catecoryElement.value=category
  42. contentElement.value=content
  43. })
  44. const approveButton= document.createElement('button')
  45. approveButton.textContent='Approve';
  46. approveButton.classList.add('action-btn');
  47. approveButton.addEventListener('click', (e) => {
  48. liElement.remove();
  49.  
  50.  
  51. approvedArticleElement.appendChild(titleH4);
  52. approvedArticleElement.appendChild(categoryParagrahElement);
  53. approvedArticleElement.appendChild(contentParagrahElement);
  54.  
  55. liElement.appendChild(approvedArticleElement);
  56. uploadedPostsListElement.appendChild(liElement);
  57. })
  58.  
  59. liElement.appendChild(approvedArticleElement)
  60. liElement.appendChild(titleH4)
  61. liElement.appendChild(categoryParagrahElement)
  62. liElement.appendChild(contentParagrahElement)
  63. liElement.appendChild(editButton);
  64. liElement.appendChild(approveButton);
  65.  
  66.  
  67. reviewListElement.appendChild(liElement);
  68. clearButtonElement.addEventListener('click', (e) => {
  69. liElement.remove();
  70. })
  71. })
  72. }
Advertisement
Add Comment
Please, Sign In to add comment