Madlibs are great!
-
Use the the
index.htmlas starter code. In it are just some paragraph tags with some span elements inside. -
Allow for users to input words in text field(s)
-
After all words are entered for the mad lib, Create a click event that renders a view that fills the words in the textfields into the placeholders within the madlib.
- You can change the html however you want!
- you'll need to create one or more input tags
- there are LOTS of ways to execute this code
- Use only one input tag.
- Create other madlib templates.
- When the user moves focus to another input, replace the input with text between the span.
- When the user clicks on that span, add a text input in-place.
- Save your mad-libs with localStorage!