JSFiddle - React, Tailwind, and code Playground

by jschr

HTML

<script src="http://cloud.github.com/downloads/SteveSanderson/knockout/knockout-2.0.0.js"></script>
<script src="https://raw.github.com/SteveSanderson/knockout.mapping/master/build/output/knockout.mapping-latest.js"></script>
<div class="container">
    <div data-bind="text: firstName"></div>
    <div data-bind="text: lastName"></div>
    <div data-bind="text: fullName"></div>
</div>

CSS

.container {
    float: left;
   margin: 8px;
}

.container h2{
    font-weight: bold;
}

JavaScript

var ViewModel = function(){
    var self = this;

    self.firstName= ko.observable('jordan');
    self.lastName= ko.observable('schroter');
    self.fullName =  ko.computed(function(){
       return self.lastName() + ', ' + self.firstName();
    });
}

ViewModel.prototype.save = function(){
    console.log(this);
}

var viewModel = new ViewModel();
ko.applyBindings(viewModel);

viewModel.save();