JSFiddle - React, Tailwind, and code Playground

by Rahul Sharma

HTML

<p><input data-bind="value: firstValue"></p>
    
    <p><input data-bind="value: secondValue"></p>
        
        <p><input data-bind="value: addValue"></p>

JavaScript

function AppViewModel() {
    var self = this; 
    self.firstValue = ko.observable(6);
    self.secondValue = ko.observable(5);
    self.addValue = ko.computed(function() {
        return self.firstValue() + self.secondValue();
    });
}

// Activates knockout.js
ko.applyBindings(new AppViewModel());