JSFiddle - React, Tailwind, and code Playground

by bombo

HTML

<script src="http://knockoutjs.com/downloads/knockout-3.2.0.debug.js"></script>
<input type="text" data-bind="value: name.extend({ rateLimit: { timeout: 1000, method: 'notifyWhenChangesStop' } }), valueUpdate: 'afterkeydown'" />
<div data-bind="text: upperCaseName"></div>
<div data-bind="text: upperCaseName2"></div>

JavaScript

var name = ko.observable('Bert');

var upperCaseName = ko.computed(function () {
    return name().toUpperCase();
});

var viewmodel = {
    name: name,
    upperCaseName: upperCaseName
}

ko.applyBindings(viewmodel);