#Hello World の出し方
world.ts
export default class World {
// クラスで使うプロパティ、World というクラスを作る
message: string;
constructor(message: string) {
this.message = message
}
// コンストラクタ messageの値は何ですか? といった、初期化のようなものを行なっている(初期化)
// 外部から呼び出せるメソッドを定義
public sayHello(elem: HTMLElement | null) {
if (elem) {
elem.innerText = this.message
}
}
}
index.ts
import World from './world';
const root: HTMLElement | null = document.getElementById("root")
const world = new World("Hello World!!!");
world.sayHello(root);