class Greeter {
    greeting: string;
    constructor(message: string) {
        this.greeting = message;
    }
    greet() {
        return "Hello, " + this.greeting;
    }
}
enum Color {
    Red,
    Green,
    Blue,
};

function ColorToString(value: Color)
{
    switch (value)
    {
        case Color.Red:
            return "Red";
        case Color.Green:
            return "Green";
        case Color.Blue:
            return "Blue";
        default:
            throw new Error(`Unrecognized Color value(${value})`);
    }
}

let color: Color = Color.Red;

document.body.textContent = "<p>---------------------</p>"
document.body.textContent += "<p>********************************</p>"

class TestMessage {
    s1: string;
    s2: Array<string>;
    s3: Array<Array<string>>;
    s4: Map<string, number>;
    s5: Map<number, Array<string>>;
    s6: Color;
    s7: boolean;
}

let tm = new TestMessage();
tm.s2 = new Array<string>()
tm.s2.push("toto");
tm.s2.push("toto2");
tm.s2.push("toto3");
tm.s4 = new Map<string, number>();
tm.s4["toto"] = 42;
tm.s4["toto"] = 1999;
tm.s4["tatata"] = 1999;
tm.s6 = Color.Red;
tm.s7 = true

let txt = JSON.stringify(tm)
let txtElem = document.createElement('textarea');
txtElem.value = txt;

document.body.appendChild(txtElem);

let greeter = new Greeter("world");

let button = document.createElement('button');
button.textContent = "Say Hello";
button.onclick = function() {
    alert(greeter.greet());
}

document.body.appendChild(button);