Bugs: hide-and-seek

[Tshobohwa]

MAKE THE DATA FROM THE LOCAL STORAGE FILL THE FORM INPUTS BY DEFAULT.

whenever the user loads the page, if there is any data relative to the form inputs in the local storage, they should fill in the form inputs.
To solve this issue, proceed as follow.

• Remove the declaration of the email, fullname, and message from the addFormData function and insert them outside so that they can be accessible in the global scope.

  let email = document.getElementById("email");
  let fullName = document.getElementById("fullname");
  let message = document.getElementById("message");

• Check if there is any data relative to the form inputs inside the local storage and insert them automatically in the form inputs.

if (localStorage.getItem('contact-data')) {
  const formData = JSON.parse(localStorage.getItem('contact-data'));
  email.value = formData.Email;
  fullName.value = formData.FullName;
  message.value = formData.Message;
}

• create the addFormData function

const addFormData = () => {
  const form = {
    FullName: fullName.value,
    Email : email.value,
    Message: message.value,
  };
localStorage.setItem('contact-data', JSON.stringify(form))
  console.log(form)
  document.querySelector('form').reset();
};