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 = () => {
    const item = document.createElement('div');
    const input = document.createElement('input');
    const save_btn = document.createElement('button');
  
    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());
  
    save_btn.innerHTML = 'Save';
    save_btn.addEventListener('click', () => {
      error.innerHTML = '';
      if (input.value !== '') {
        order++;
        item.innerHTML = input.value;
        adding = false;
      } else {
        error.innerHTML = message;
      }
    });
  
    item.appendChild(input);
    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());
  });