Click Project Button Functionality

- Will console display info needed
- Will populate topic drop down to match the project div you clicked
- Also will populate the project name input to match the project div you clicked
- Need to add the subtopic select

Author: programmingKyle

src/recentProjects.js

@@ -21,7 +21,6 @@ async function populateRecentProjects(){
         const projectTopicText_el = document.createElement('h5');
         const topicName = findTopicById(element.topicID);
         projectTopicText_el.textContent = topicName;
-        
 
         const projectSubtopicText_el = document.createElement('h5');
         const subtopicName = findSubtopicById(element.subtopicID);
@@ -30,9 +29,21 @@ async function populateRecentProjects(){
         projectItem_el.append(projectName_el, projectTimeText_el, projectTopicText_el, projectSubtopicText_el);
 
         projectListDiv_el.append(projectItem_el);
+
+        projectEventListener(projectItem_el, element.topicID, element.subtopicID, element.project);
     }
 }
 
+function projectEventListener(div, topicID, subtopicID, project){
+    div.addEventListener('click', () => {
+        console.log(subtopicSelect_el);
+        topicSelect_el.value = topicID;
+        subtopicSelect_el.value = subtopicID;
+        projectInput_el.value = project;
+        console.log(topicID, subtopicID, project);
+    });
+}
+
 function findTopicById(id) {
     const foundObject = activeTopics.find(obj => obj.id === id);
     return foundObject ? foundObject.topic : null;