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