JSFiddle - React, Tailwind, and code Playground

by nyothecat

HTML

<input type='text' data-bind='value: someValue' />
<span data-bind='text: someValue'></span>
<button data-bind='click: updateValue'>Update</button>

JavaScript

var vm = function () {
    var self = this;
    this.someValue = ko.observable('random value');
    this.updateValue = function () {
        self.someValue('random value ' + Math.round(Math.random()*10));
    }
}

var vmi = new vm();

vmi.someValue('other random value');

ko.applyBindings(vmi);