getFormData.js

document.querySelctor('form').addEventListener('submit', (e) => {
   e.preventDefault(); // this prevents the form from reloading on submit
   console.log("submitted")

   // 1. grab the value from the form
   const name = document.querySelector("#name").value;
   // 2. create a new object with it
   const newObj = {
     name,
     complete: false,
     id: todoArray.length + 1,
   }
   // 3. push it to the array
    todoArray.push(newObject);
   // 4. repaint the DOM
   todosOnDom();
   // 5. reset the form
   document.querySelctor('form').reset()
);