bitty installation snippets examples documentation q&a

examples

track last button clicked

html

<div data-r="grid"></div>

<script data-template="button" type="text/html">
  <button data-s="clicked" data-r="clicked">-</button> 
</script>

javascript

export const b = { init: "grid" };

export function grid(_, __, el) {
  for (let i = 0; i < 16; i += 1) {
    el.appendChild(b.render("button"));
  }
}

export function clicked(_, sender, el) {
  if (sender === el) {
    el.innerHTML = "HERE";
  } else {
    el.innerHTML = "-";
  }
}