Learn TypeScript 3 by Building Web Applications

Creating the view implementation skeleton

Still inside the src/views directory, do the following:

1. Create a file called world-explorer-view.ts. Here's the base skeleton to use:

import {Country} from "../domain"; 
import {WorldExplorerView} from "./world-explorer-view.intf"; 
import {ChartDetails} from "./chart-details.intf"; 

export class WorldExplorerHTMLView implements WorldExplorerView { 
    private readonly _countrySelect: HTMLSelectElement; 
    private readonly _indicatorSelect: HTMLSelectElement; 
    private readonly _fromYearSelect: HTMLSelectElement; 
    private readonly _toYearSelect: HTMLSelectElement; 
    private readonly _chartTypeSelect: HTMLSelectElement; 
    private readonly _chartConfigurationForm: HTMLFormElement; 

    constructor() { // add constructor ...