The Weird and The Wonderful

// get reference to the drop list
 let projectList = document.querySelector("#projectList");
 // Append a new Option to the drop list - p.name is the text you'll see
 // value (string) is the value returned when item is selected.
 projectList.append(new Option(p.name, value, false, false));

projectList.append(new Option(p.name, JSON.stringify(p), false, false));

changeHandler(e) {
    // changehandler receives event object which contains target (drop list item selected)
    // item's properties will match a Project
    let item = JSON.parse(e.target.value);
    console.log(`item.name: ${item.name}`); // original Name of the Project
}

export class Project {
  constructor(name) {
    this.id = uuidv4();
    this.ownerId = localUser;
    this.name = name || '';
    this.created = new Date();
  }
}

 C:\>Type somefile*

somefile1.txt

contentcontentcontent
contentcontentcontent
contentcontentcontent

somefile2.txt

contentcontentcontent
contentcontentcontent
contentcontentcontent

somefile3.txt

contentcontentcontent
contentcontentcontent
contentcontentcontent

...