diffHTML "Calculator" Experiment

diffhtml.js

import { innerHTML, html } from 'https://unpkg.com/diffhtml/dist/es';

let a = 1;
let b = 2;

const updateA = ({ target }) => (a = Number(target.value), render());
const updateB = ({ target }) => (b = Number(target.value), render());

function render() {
  innerHTML(document.body, html`
    <input type="number" value=${a} onInput=${updateA}>
    <input type="number" value=${b} onInput=${updateB}>

    <p>${a} + ${b} = ${a + b}</p>
  `);
}

render();