JSFiddle - React, Tailwind, and code Playground

by brecht

HTML

<div id="register">
  <h1>報名系統</h1>
  <div>目前有<strong data-bind="text:counter">0</strong>人報名</div>
  <button data-bind="click:increase">我要報名</button>
</div>

JavaScript

function CounterViewModel() {
  this.counter = ko.observable(0);
  this.increase = function() {
    var counterValue = this.counter();
    this.counter(++counterValue);
   };
}

ko.applyBindings(new CounterViewModel());