Vanilla JSX

function TodoInput(attrs: { add: (v: string) => void }) { const input = <input type='text' /> as HTMLInputElement; input.placeholder = 'Add todo item...'; input.onkeydown = (e) => { if (e.key === 'Enter') { attrs.add(input.value); input.value = ''; } }; return input; } class TodoList { ul = <ul class='todolist' /> as HTMLUListElement; add(v: string) { const item = <li>{v}</li> as HTMLLIElement; it

[murasuke]

こんなに洗練されてないけど、似たようなもの作ったことある　https://qiita.com/murasuke/items/774f30aada568175275b　https://qiita.com/murasuke/items/1b914440361977b7028e

[kvx]

へー