TypeScript

by Kushan Randima

HTML

<div id="app">
<table id="table" border="1">
            
            <!-- The Row Number 0 -->
            <tr>
                <th>ID</th>
                <th>Name</th>
                <th>Dose</th>
            </tr>
        
</table>
</div>

CSS

body {
  background: #20262E;
  padding: 20px;
  font-family: Helvetica;
}

#app {
  background: #fff;
  border-radius: 4px;
  padding: 20px;
  transition: all 0.2s;
  text-align: center;
}

TypeScript

interface Medication {
    id: number;
    name:  string;
    dose: number;
    repeat: number;
  }

  class Medication2 {
    id: number;
    name:  string;
    dose: number;
    repeat: number;
  }

  function greeter(person: Person) {
    return "Hello, " + person.firstName + " " + person.lastName;
  }

  function test(medications: Array<Medication>) {
   for(var i = 0; i < medications.length; i++)
             {
                 // create a new row
                 var newRow = table.insertRow(table.length);

                     // create a new cell
                     var cell = newRow.insertCell(j);

                     // add value to the cell
                     cell.innerHTML = medications[i].id;
                     cell.innerHTML = medications[i].name;
                     cell.innerHTML = medications[i].dose;               
             }
  }

  let med = {
    id: 1,
    name: "Panadol",
    dose: 2,
    repeat: 4
  };

  let type Statuses = Array<TestStatus>;


  document.querySelector("#app").innerHTML = test(med);