mywidget/__init__.py
import anywidget
import traitlets
class CounterWidget(anywidget.AnyWidget):
_esm = """
export function render(view) {
let count = () => view.model.get("value");
let btn = document.createElement("button");
btn.innerHTML = `count is ${count()}`;
btn.addEventListener("click", () => {
view.model.set("value", count() + 1);
view.model.save_changes();
});
view.model.on("change:value", () => {
btn.innerHTML = `count is ${count()}`;
});
view.el.appendChild(btn);
}
"""
value = traitlets.Int(0).tag(sync=True)