Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- function solve() {
- let inputTaskTitle = document.getElementById("task-title");
- let inputTaskCategory = document.getElementById("task-category");
- let inputTaskContent = document.getElementById("task-content");
- let buttonPublish = document.getElementById("publish-btn");
- let ul = document.getElementById("review-list");
- let ulPublishedList = document.getElementById("published-list");
- buttonPublish.addEventListener("click", onButtonPublish);
- function clean() {
- inputTaskTitle.value = "";
- inputTaskCategory.value = "";
- inputTaskContent.value = "";
- }
- function onButtonPublish(e) {
- e.preventDefault();
- if (
- inputTaskTitle.value === "" ||
- inputTaskCategory.value === "" ||
- inputTaskContent.value === ""
- ) {
- return;
- }
- let li = document.createElement("li");
- li.setAttribute("class", "rpost");
- let article = document.createElement("article");
- let h4 = document.createElement("h4");
- h4.textContent = inputTaskTitle.value;
- let pFirst = document.createElement("p");
- pFirst.textContent = `Category: ${inputTaskCategory.value}`;
- let pSecond = document.createElement("p");
- pSecond.textContent = `Content: ${inputTaskContent.value}!`;
- let btnEdit = document.createElement("button");
- btnEdit.setAttribute("class", "action-btn edit");
- btnEdit.textContent = "Edit";
- let btnPost = document.createElement("button");
- btnPost.setAttribute("class", "action-btn post");
- btnPost.textContent = "Post";
- article.appendChild(h4);
- article.appendChild(pFirst);
- article.appendChild(pSecond);
- li.appendChild(article);
- li.appendChild(btnEdit);
- li.appendChild(btnPost);
- ul.appendChild(li);
- let copyInputTaskTitle = inputTaskTitle.value;
- let copyInputTaskCategory = inputTaskCategory.value;
- let copyInputTaskContent = inputTaskContent.value;
- clean();
- btnEdit.addEventListener("click", onBtnEdit);
- function onBtnEdit(editEvent) {
- let currentLiElement = editEvent.currentTarget.parentElement
- inputTaskTitle.value = copyInputTaskTitle;
- inputTaskCategory.value = copyInputTaskCategory;
- inputTaskContent.value = copyInputTaskContent;
- currentLiElement.remove();
- }
- btnPost.addEventListener("click", onBtnPost);
- function onBtnPost(e) {
- let currentLi = e.currentTarget.parentElement;
- currentLi.removeChild(currentLi.lastChild);
- currentLi.removeChild(currentLi.lastChild);
- ulPublishedList.appendChild(currentLi)
- }
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement