GitHub Source Files
This project does not implement server-side scripting, so you don't have to worry about adding action and method attributes on your form.
- DOM manipulation
My Personalize Summary
Again, this contact form project was pretty easy for me…as long as everything went well.
For the life of me, I couldn't get my form from refreshing the page and submitting the information from my text fields in the url of the new page.
I knew all I had to do was to add the e.preventDefault() method to my form but it just won't work.
Then, about an hour later I learned why.
I didn't have my <script> </script> tag in my HTML document.
With every project I complete, I learn the true frustrations what it must be like to be a professional computer programming.
I spent maybe 20 minutes coding but about an hour and a half trouble shooting why my e.preventDefault() code wasn't working!
New Things Learned or Refreshed
I did spend quite a bit of time relearning CSS Flexbox.
So, my solutions aren't always the same as the instructors.
For this project, the instructor actually uses jQuery.
Time to Code
This project took me two hours to complete on my own.
What To Accomplish
- Download the source code from the github repository above.
- Delete the contents of the
- Add a link to your finished project below!
What You Should See
Visit the hosted github page to see this Contact Form Using Local Storage in action.