Anti-framework example

anti-framework-counter-example.js

import { pasteInto } from '../../anti-framework.js'
let n = 0

// The view callback prevents conditions and loops and operators at runtime.
const counterView = pasteInto('#root', ({ n }) => `
    <button value="-">-</button>
    <button value="+">+</button>
    <span>${n}</span>
`)

// Below is controller logic Zzz
document.addEventListener('mousedown', ({ target }) => {
  if (target.value === '+') n++; if (target.value === '-') n--
  counterView({ n })
})

counterView({ n })