November 2019
Beginner
804 pages
20h 1m
English
First of all, adapt the src/index.html file as follows:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>WorldExplorer</title>
<link rel="stylesheet" type="text/css" href="world-explorer.css">
</head>
<body id="worldExplorer"> <h1>WorldExplorer</h1>
<form id="chartConfigurationForm" target="#">
...
</form>
<br />
<div id="worldExplorerChartContainer">
<canvas id="worldExplorerChart"></canvas>
</div>
<script src="world-explorer.ts"></script>
</body>
</html>
This defines the base structure of the page. Again, note that the world-explorer.ts file is loaded directly in the template. The Parcel bundler will take care of invoking the TypeScript compiler for us to convert it to JavaScript.
Now, we'll add the contents ...
Read now
Unlock full access