JSFiddle - React, Tailwind, and code Playground
HTML
<div id="content"></div>
<script type="text/typescript">
module GameModule {
export class Game {
private boardContainer: HTMLElement;
private board: number[][];
constructor (container: HTMLDivElement) {
this.boardContainer = container;
this.board = [[0, 0, 0], [0, 0, 0], [0, 0, 0]];
this.drawGrid();
}
drawGrid() {
//Example output:
this.boardContainer.innerHTML = this.board.join('<br>');
}
}
}
</script>
<script type="text/typescript">
window.onload = () => {
new GameModule.Game(<HTMLDivElement> document.getElementById('content'));
};
</script>
<script type="text/javascript" src="http://niutech.github.com/typescript-compile/js/typescript.min.js"></script>
<script type="text/javascript" src="http://niutech.github.com/typescript-compile/js/typescript.compile.min.js"></script>