diff --git a/challenges/04-data-visualization/json-apis-and-ajax.json b/challenges/04-data-visualization/json-apis-and-ajax.json index 8778e92b53..a99c313eb3 100644 --- a/challenges/04-data-visualization/json-apis-and-ajax.json +++ b/challenges/04-data-visualization/json-apis-and-ajax.json @@ -30,14 +30,12 @@ }, { "id": "587d7fad367417b2b2512be1", - "title": "Trigger click Events with JavaScript", + "title": "Handle Click Events with JavaScript using the onclick property", "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 DOMContentLoaded. Here's the code that does this:", "
document.addEventListener('DOMContentLoaded',function() {

});
", - "Next, you can implement a click event handler that goes inside of the DOMContentLoaded function by adding the following code:", - "document.getElementById('getMessage').onclick=function(){};", + "You can implement event handlers that go inside of the DOMContentLoaded function. You can implement an onclick event handler which triggers when the user clicks on the element with id getMessage, by adding the following code:", + "
document.getElementById('getMessage').onclick=function(){};
", "
", "Add a click event handler inside of the DOMContentLoaded function for the element with id of getMessage." ], @@ -170,7 +168,7 @@ "title": "Get JSON with the JavaScript XMLHttpRequest Method", "description": [ "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.", "JSON syntax looks very similar to JavaScript object literal notation. JSON has object properties and their current values, sandwiched between a { and a }.", "These properties and their values are often referred to as \"key-value pairs\".",