import {createNode, VNode} from "ultradom";
import {render, State, View} from "spiel-render";
 
export const state: State = {
    title: "Hello",
};
 
export const view: View = (model: State): VNode<any> => {
    const changeTitle = () => {
        state.title = "Hello World";
        render(view, state);
    };
 
    return(
        <div>
            <h1>{state.title}</h1>
            <button onclick={() => changeTitle()}></button>
        </div>
    );
};
 
document.body.appendChild(render(view, state));