JSFiddle - React, Tailwind, and code Playground

by manoj

HTML

<script src="http://knockoutjs.com/downloads/knockout-3.1.0.js"></script>
 <input   data-bind="value: testVal" />

     <input data-bind="value: testVal2" />

     <input data-bind="value: total" />

JavaScript

//simple computed fun
$("input:text")
        .focus(function () { $(this).select(); } )
        .mouseup(function (e) {e.preventDefault(); });
function viewModel () {
    var self = this;
     self.testVal = ko.observable(0);
       self.testVal2 = ko.observable(0);
    
    self.total = ko.computed(function () {
        return  parseFloat(self.testVal()) + parseFloat(self.testVal2());
        //return   total1;
    });
}
ko.applyBindings(new viewModel());