Day 9

• Take Home Review
• Forms
• Daily Challenge
• HTTP Requests
• Take Home Challenge

• Questions?

• Attributes
• name
• Named forms can be accessed by their given name
• Nameless forms can be accessed by document.forms[index]
• value
• action
• More input attributes
• Input Types
• text
• radio
• checkbox
• submit
• More input types
• .preventDefault()
• MDN Reference: Form Submission

1. Create a new codepen
2. Create a contact form with a submit button
3. Using what you learned about DOM manipulation, create a submit function that will:
• Grab the values entered by the user
• Hide the form
• Display the information submitted by the user

• Questions?

• HTTP Protocols:
• GET
• PUT
• PATCH
• POST
• DELETE

• Your final project will be to build a magic 8 ball app
• Begin your final project:
1. Create a new repository named: magic8ball
2. Clone your repository
3. Add your index file, stylesheet, script file and the provided 8ball images
4. Main objectives:
• Create an input field for users to ask a question
• Create a label for your input field telling your user to "Ask me anything!"
• Create an "ask" button (this will run the function that outputs a random magic 8 ball image)
• Create a div with an id of "answers" that you will insert the images into using js
• Create an "ask" function that when clicked, will choose a random 8ball image and insert it into your "answers" div
• Replace the input field with the user's question when displaying the answer
• Style your page any way you like
• Activate Github Pages for your project