add cancel handler for modal

public/js/home.js

@@ -14,11 +14,29 @@ document.addEventListener('DOMContentLoaded', () => {
             .join('');
     }
 
+    const cancelPlanButton = createPlanModal.querySelector(
+        'button.cancel-plan'
+    );
+    const planNameInput = createPlanModal.querySelector('input.plan-name');
+    const planDateStartInput = createPlanModal.querySelector(
+        'input.plan-date-start'
+    );
+    const planDateEndInput = createPlanModal.querySelector(
+        'input.plan-date-end'
+    );
+
     function openCreatePlanModal(textId) {
         createPlanModal.dataset.textId = textId;
         createPlanModal.hidden = false;
     }
 
+    function closeCreatePlanModal() {
+        createPlanModal.hidden = true;
+        planNameInput.value = '';
+        planDateStartInput.value = '';
+        planDateEndInput.value = '';
+    }
+
     textsList.addEventListener('click', (clickEvent) => {
         const createPlanButton = clickEvent.target.closest(
             'button.create-plan'
@@ -29,5 +47,9 @@ document.addEventListener('DOMContentLoaded', () => {
         openCreatePlanModal(createPlanButton.dataset.textId);
     });
 
+    cancelPlanButton.addEventListener('click', () => {
+        closeCreatePlanModal();
+    });
+
     loadTexts();
 });