Patella Example - Counter

by luafox

HTML

<script src="https://cdn.jsdelivr.net/npm/patella@2.0.0-PRERELEASE"></script>
<h1>Click Counter</h1>
<button onclick="model.clicks++"></button>

JavaScript

const $button = document.getElementsByTagName("button")[0];
const model = Patella.observe({
  clicks: 0
});
Patella.computed(() => {
  $button.innerText = model.clicks
    ? `I've been clicked ${model.clicks} times`
  	: "Click me!";
});