text: let order = 1;
  let adding = false;
  
  const error = document.querySelector('.error');
  const message = 'Please add a description.';
  
  const add_btn = document.querySelector('.add');
  add_btn.addEventListener('click', () => {
    const target = document.querySelector('#requested');
    if (adding == false) {
      adding = true;
      target.appendChild(create_item());
    } else {
      error.innerHTML = message;
    }
  });
  
  const create_item = () => {
    let item = document.createElement("div");
    item.classList.add('item');
    item.id = 'item-' + order;
    item.draggable = true;
  
    item.addEventListener('dragstart', (event) => {
      event.dataTransfer.setData('text', event.target.id)
    });
  
    item.addEventListener('dragend', (event) => {
      event.dataTransfer.clearData()
    })
  
    let input = document.createElement('input');
  	item.appendChild(input);
  
    let save_btn = document.createElement('button');
    save_btn.innerHTML = "Save";
    save_btn.addEventListener('click', () => {
      error.innerHTML = "";
      if(input.value !== ""){
        order += 1;
        item.innerHTML = input.value;
        adding = false;
      }else{
        error.innerHTML = message;
      }
  
      item.appendChild(save_btn);
    })
    return item;
  };
  
  document.querySelectorAll('.drop').forEach(element => {
    element.addEventListener("drop", (event) => {
      event.preventDefault();
      const id = event.dataTransfer.getData('text');
      event.target.appendChild(document.getElementById(id))
    })
  
    element.addEventListener('dragover', (event) => {
      event.preventDefault();
    })
  });