Advertisement
pacho_the_python

Untitled

Apr 20th, 2023
755
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. function solve() {
  2.     let inputTaskTitle = document.getElementById("task-title");
  3.     let inputTaskCategory = document.getElementById("task-category");
  4.     let inputTaskContent = document.getElementById("task-content");
  5.  
  6.     let buttonPublish = document.getElementById("publish-btn");
  7.  
  8.     let ul = document.getElementById("review-list");
  9.     let ulPublishedList = document.getElementById("published-list");
  10.  
  11.     buttonPublish.addEventListener("click", onButtonPublish);
  12.  
  13.     function clean() {
  14.         inputTaskTitle.value = "";
  15.         inputTaskCategory.value = "";
  16.         inputTaskContent.value = "";
  17.     }
  18.  
  19.     function onButtonPublish(e) {
  20.         e.preventDefault();
  21.  
  22.         if (
  23.             inputTaskTitle.value === "" ||
  24.             inputTaskCategory.value === "" ||
  25.             inputTaskContent.value === ""
  26.         ) {
  27.             return;
  28.         }
  29.  
  30.         let li = document.createElement("li");
  31.         li.setAttribute("class", "rpost");
  32.  
  33.         let article = document.createElement("article");
  34.  
  35.         let h4 = document.createElement("h4");
  36.         h4.textContent = inputTaskTitle.value;
  37.  
  38.         let pFirst = document.createElement("p");
  39.         pFirst.textContent = `Category: ${inputTaskCategory.value}`;
  40.  
  41.         let pSecond = document.createElement("p");
  42.         pSecond.textContent = `Content: ${inputTaskContent.value}!`;
  43.  
  44.         let btnEdit = document.createElement("button");
  45.         btnEdit.setAttribute("class", "action-btn edit");
  46.         btnEdit.textContent = "Edit";
  47.  
  48.         let btnPost = document.createElement("button");
  49.         btnPost.setAttribute("class", "action-btn post");
  50.         btnPost.textContent = "Post";
  51.  
  52.         article.appendChild(h4);
  53.         article.appendChild(pFirst);
  54.         article.appendChild(pSecond);
  55.         li.appendChild(article);
  56.         li.appendChild(btnEdit);
  57.         li.appendChild(btnPost);
  58.         ul.appendChild(li);
  59.  
  60.         let copyInputTaskTitle = inputTaskTitle.value;
  61.         let copyInputTaskCategory = inputTaskCategory.value;
  62.         let copyInputTaskContent = inputTaskContent.value;
  63.  
  64.         clean();
  65.  
  66.         btnEdit.addEventListener("click", onBtnEdit);
  67.  
  68.         function onBtnEdit(editEvent) {
  69.             let currentLiElement = editEvent.currentTarget.parentElement
  70.             inputTaskTitle.value = copyInputTaskTitle;
  71.             inputTaskCategory.value = copyInputTaskCategory;
  72.             inputTaskContent.value = copyInputTaskContent;
  73.             currentLiElement.remove();
  74.         }
  75.  
  76.         btnPost.addEventListener("click", onBtnPost);
  77.  
  78.         function onBtnPost(e) {
  79.             let currentLi = e.currentTarget.parentElement;
  80.             currentLi.removeChild(currentLi.lastChild);
  81.             currentLi.removeChild(currentLi.lastChild);
  82.             ulPublishedList.appendChild(currentLi)
  83.         }
  84.     }
  85. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement