Project Feedback

[levinsonmm]

@egillespie Can you take a look at this? It's hosted here and meets the following criteria:

• [x] Use this base HTML (feel free to change it) to build a simple app that generates the HTML for a dating profile in this format, using information collected from the user
• [x] Show a preview of the dating profile with rendered HTML (e.g. <em>hella charming</em> should appear as hella charming)
• [x] Also show the raw, generated HTML inside the <pre><code></code></pre> elements (e.g. <em>hella charming</em> should appear as <em>hella charming</em>)
• [x] Both the preview and raw HTML should update live as the user enters their information
• [x] All JavaScript is in a separate .js file
• [x] There are no linting errors in your JavaScript (this will also be expected for all future projects)

[egillespie]

Wow, this looks fantastic. I can see the page updating in real-time and your code is very well organized! :tada:

It looks like you flip-flopped the preview and generated HTML, though. Do mind switching these around so the preview doesn't show any HTML and the code element does?

  preview.textContent = paragraph
  generated.innerHTML = paragraph

After you’ve made this change and pushed it to GitHub and your hosted site, give it a once-over to make sure it looks right, then comment back here and I’ll take another look.

Thanks! :rocket:

[levinsonmm]

Whoops! I fixed that right up. Thanks for the feedback!

[egillespie]

Perfect, thanks! :shipit: