- Complete exercise 1 located in the folder
ex1 - Complete exercise 2 located in the folder
ex2
Once those are done, create a new folder called stockCarVisual
You must create these files:
- an
index.html - a directory called
jswith a fileindex.js - a directory called
csswith a filestyles.css
Link up each resource file inside of your index.html. Declare a window.onload inside of your index.js file, all of your work will be done inside of this code block.
You will need your stockCar object from the final-boss section of the Objects exercise. Run the file in node or a REPL and copy and paste the output to a variable named stockCar in your JS file.
Your task is to Generate HTML content dynamically based on the data inside of your stockCar object. You cannot hard code the data! Your HTML code inside of the <body tags should be empty. Everything will be generated by your Javascript code.
stockCar:
{ model: 'Ford',
year: 2015,
automaticTransmission: true,
driver: null,
passengers:
[ { name: 'Jon', age: 19 },
{ name: 'Jason', age: 12 },
{ name: 'Tony', age: 21 },
{ name: 'Joe', age: 22 },
{ name: 'Jesse', age: 16 },
{ name: 'Nigel', age: 9 },
{ name: 'Kelli', age: 19 },
{ name: 'Marifel', age: 20 },
{ name: 'Victor', age: 15 } ] }
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent