Hello TypeScript

hello to .ts

by hamzeen hameem

HTML

<body>
  <ul id="list">
  <li>One</li>
  <li>Two</li>
  </ul> 
</body>

CSS

body {
    text-align: center;
    padding: 20px;
    font-family: Helvetica;
}

TypeScript

class Greeter {
    constructor(public greeting: string) {
    
    }
    greet() {
        return `${this.greeting}`;
    }
};

let greeter = new Greeter("TypeScript + JSFiddle");
let greetSi = new Greeter("Ayubowan");

var ul = document.getElementById("list");
var li = document.createElement("li");
li.appendChild(document.createTextNode(greeter.greet()));
ul.appendChild(li);
  
li = document.createElement("li");
li.appendChild(document.createTextNode(greetSi.greet()));
ul.appendChild(li);
  
//document.body.innerHTML = greeter.greet();
//document.body.innerHTML = greetSi.greet();