Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- function solve() {
- const taskTitle=document.getElementById('task-title');
- const taskCategory=document.getElementById('task-category');
- const taskContent=document.getElementById('task-content');
- const btnPublish= document.getElementById('publish-btn');
- const UlReview= document.getElementById('review-list');
- const UlPublish= document.getElementById('published-list');
- btnPublish.addEventListener('click',()=>{
- if(taskTitle.value=='' || taskCategory.value=='' || taskContent.value==''){
- return;
- }
- const elh= document.createElement('h4');
- elh.textContent=taskTitle.value;
- const elp1= document.createElement('p');
- elp1.textContent=`Category: ${taskCategory.value}`;
- const elp2= document.createElement('p');
- elp2.textContent=`Content: ${taskContent.value}`;
- const article= document.createElement('article');
- article.appendChild(elh);
- article.appendChild(elp1);
- article.appendChild(elp2);
- //
- const btnedit=document.createElement('button');
- btnedit.classList.add('action-btn','edit')
- btnedit.textContent='Edit';
- const btnpost=document.createElement('button');
- btnpost.classList.add('action-btn','post')
- btnpost.textContent='Post';
- const elli= document.createElement('li');
- elli.classList.add('rpost');
- elli.appendChild(article);
- elli.appendChild(btnedit);
- elli.appendChild(btnpost);
- UlReview.appendChild(elli);
- taskTitle.value='';
- taskCategory.value='';
- taskContent.value='';
- btnedit.addEventListener('click',()=>{
- taskTitle.value=elh.textContent;
- taskCategory.value=elp1.textContent.substring(10);
- taskContent.value=elp2.textContent.substring(9);
- UlReview.removeChild(elli);
- })
- btnpost.addEventListener('click',()=>{
- UlReview.removeChild(elli);
- UlPublish.appendChild(elli);
- elli.removeChild(btnpost);
- elli.removeChild(btnedit);
- })
- })
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement