Workshop 8: Exercise 1: JSON Basics

Exercise 1: JSON Basics

JSON means JavaScript Object Notations, and it means that we will represent data in a format which JavaScript understands as such. No conversions are necessary to use it.

Display the first and lastname only Display all data

Let's try the following. You can create a new JSON dataset in your JavaScript as described below. Then create functions, which will run when the buttons are clicked.

				var text = '{ "employees" : [' +
				'{ "firstName":"John" , "lastName":"Doe" },' +
				'{ "firstName":"Anna" , "lastName":"Smith" },' +
				'{ "firstName":"Peter" , "lastName":"Jones" } ]}';
			

• The First button will display the first and lastname for each item in the div below.
• The Second button will display all the data for all items in the div below. If you wish, you can use for-loops here.