Merge pull request #12798 from codeman869/fix/json-to-html-description

Adds JSON example to Convert JSON Data to HTML

seed/challenges/04-data-visualization/json-apis-and-ajax.json

@@ -414,7 +414,9 @@
         "Here's the code that does this:",
         "<blockquote>json.forEach(function(val) {</br>  var keys = Object.keys(val);</br>  html += \"&lt;div class = 'cat'&gt;\";</br>  keys.forEach(function(key) {</br>    html += \"&lt;strong&gt;\" + key + \"&lt;/strong&gt;: \" + val[key] + \"&lt;br&gt;\";</br>  });</br>  html += \"&lt;/div&gt;&lt;br&gt;\";</br>});</blockquote>",
         "<hr>",
-        "Add a <code>forEach</code> method to loop over the JSON data and create the HTML elements to display it."
+        "Add a <code>forEach</code> method to loop over the JSON data and create the HTML elements to display it.",
+        "Here is some example JSON",
+        "<blockquote>[</br>  {</br>    \"id\":0,</br>    \"imageLink\":\"https://s3.amazonaws.com/freecodecamp/funny-cat.jpg\",</br>    \"altText\":\"A white cat wearing a green helmet shaped melon on it's head. \",</br>    \"codeNames\":[</br>      \"Juggernaut\",</br>      \"Mrs. Wallace\",</br>      \"Buttercup\"</br>    ]</br>  }</br>]</blockquote>"
       ],
       "challengeSeed": [
         "<script>",