gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Tweaked title and description of JSON APIs and AJAX challenge (#13988)

Browse Source
This commit is contained in:
Hadrian
2017-03-26 16:40:09 +08:00
committed by mrugesh mohapatra
parent 6de52d7af0
commit ae70f4d341
1 changed files with 4 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
challenges/04-data-visualization/json-apis-and-ajax.json
View File

@ -30,14 +30,12 @@
}, },
{ {
"id": "587d7fad367417b2b2512be1", "id": "587d7fad367417b2b2512be1",
"title": "Trigger click Events with JavaScript", "title": "Handle Click Events with JavaScript using the onclick property",
"description": [ "description": [
"This section covers how to get data from APIs. APIs - or Application Programming Interfaces - are tools that computers use to communicate with one another.",
"You'll learn how to update HTML with the data we get from these APIs using a technology called AJAX.",
"You want your code to execute only once your page has finished loading. For that purpose, you can attach a JavaScript event to the document called <code>DOMContentLoaded</code>. Here's the code that does this:", "You want your code to execute only once your page has finished loading. For that purpose, you can attach a JavaScript event to the document called <code>DOMContentLoaded</code>. Here's the code that does this:",
"<blockquote>document.addEventListener('DOMContentLoaded',function() {<br><br>});</blockquote>", "<blockquote>document.addEventListener('DOMContentLoaded',function() {<br><br>});</blockquote>",
"Next, you can implement a click event handler that goes inside of the <code>DOMContentLoaded</code> function by adding the following code:", "You can implement event handlers that go inside of the <code>DOMContentLoaded</code> function. You can implement an <code>onclick</code> event handler which triggers when the user clicks on the element with id <code>getMessage</code>, by adding the following code:",
"<code>document.getElementById('getMessage').onclick=function(){};</code>", "<blockquote>document.getElementById('getMessage').onclick=function(){};</blockquote>",
"<hr>", "<hr>",
"Add a click event handler inside of the <code>DOMContentLoaded</code> function for the element with id of <code>getMessage</code>." "Add a click event handler inside of the <code>DOMContentLoaded</code> function for the element with id of <code>getMessage</code>."
], ],
@ -170,7 +168,7 @@
"title": "Get JSON with the JavaScript XMLHttpRequest Method", "title": "Get JSON with the JavaScript XMLHttpRequest Method",
"description": [ "description": [
"You can also request data from an external source. This is where APIs come into play.", "You can also request data from an external source. This is where APIs come into play.",
"Remember that APIs - or Application Programming Interfaces - are tools that computers use to communicate with one another.", "Remember that APIs - or Application Programming Interfaces - are tools that computers use to communicate with one another. You'll learn how to update HTML with the data we get from APIs using a technology called AJAX.",
"Most web APIs transfer data in a format called JSON. JSON stands for JavaScript Object Notation.", "Most web APIs transfer data in a format called JSON. JSON stands for JavaScript Object Notation.",
"JSON syntax looks very similar to JavaScript object literal notation. JSON has object properties and their current values, sandwiched between a <code>{</code> and a <code>}</code>.", "JSON syntax looks very similar to JavaScript object literal notation. JSON has object properties and their current values, sandwiched between a <code>{</code> and a <code>}</code>.",
"These properties and their values are often referred to as \"key-value pairs\".", "These properties and their values are often referred to as \"key-value pairs\".",