Advertisement
Silviya7

2.Task Post

Jul 1st, 2024
602
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1.  
  2. function solve() {
  3.  
  4.     const taskTitle=document.getElementById('task-title');
  5.     const taskCategory=document.getElementById('task-category');
  6.     const taskContent=document.getElementById('task-content');
  7.  
  8.     const btnPublish= document.getElementById('publish-btn');
  9.  
  10.     const UlReview= document.getElementById('review-list');
  11.     const UlPublish= document.getElementById('published-list');
  12.  
  13.     btnPublish.addEventListener('click',()=>{
  14.  
  15.         if(taskTitle.value=='' || taskCategory.value=='' || taskContent.value==''){
  16.             return;
  17.         }
  18.        const elh= document.createElement('h4');
  19.        elh.textContent=taskTitle.value;
  20.  
  21.        const  elp1= document.createElement('p');
  22.        elp1.textContent=`Category: ${taskCategory.value}`;
  23.  
  24.        const  elp2= document.createElement('p');
  25.        elp2.textContent=`Content: ${taskContent.value}`;
  26.  
  27.        const article= document.createElement('article');
  28.        article.appendChild(elh);
  29.        article.appendChild(elp1);
  30.        article.appendChild(elp2);
  31.  
  32.        //
  33.        const btnedit=document.createElement('button');
  34.        btnedit.classList.add('action-btn','edit')
  35.        btnedit.textContent='Edit';
  36.  
  37.        const btnpost=document.createElement('button');
  38.        btnpost.classList.add('action-btn','post')
  39.        btnpost.textContent='Post';
  40.  
  41.        const elli= document.createElement('li');
  42.        elli.classList.add('rpost');
  43.  
  44.        elli.appendChild(article);
  45.        elli.appendChild(btnedit);
  46.        elli.appendChild(btnpost);
  47.  
  48.        UlReview.appendChild(elli);
  49.  
  50.        taskTitle.value='';
  51.        taskCategory.value='';
  52.        taskContent.value='';
  53.  
  54.        btnedit.addEventListener('click',()=>{
  55.  
  56.         taskTitle.value=elh.textContent;
  57.         taskCategory.value=elp1.textContent.substring(10);
  58.         taskContent.value=elp2.textContent.substring(9);
  59.  
  60.         UlReview.removeChild(elli);
  61.        })
  62.  
  63.        btnpost.addEventListener('click',()=>{
  64.         UlReview.removeChild(elli);
  65.  
  66.         UlPublish.appendChild(elli);
  67.  
  68.         elli.removeChild(btnpost);
  69.         elli.removeChild(btnedit);
  70.        })
  71.    
  72.     })
  73.  
  74. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement