javascript-ground

This is a demo project to play with html and javascript: dyn-cmpx-tbl.html and dyn-smpl-tbl.html will dynamically create a html table from hardcoded json data:
Sample json for simple dynamic html table:
const data = [ { name: "John", age: 28, city: "New York" }, { name: "Anna", age: 22, city: "London" }, { name: "Mike", age: 32, city: "Chicago" } ];

Sample json for little complex dynamic html table:
const input = { "headers": ["Range", "Top Speed", "Acceleration to 100 km/h"], "data": { "Electric car 1": ["400 km", "200 km/h", "6 seconds"], "Electric car 2": ["300 km", "180 km/h", "8 seconds"] } };
Output will look like: