JSFiddle - React, Tailwind, and code Playground

by smacky311

HTML

<script src="http://ajax.aspnetcdn.com/ajax/knockout/knockout-3.0.0.js"></script>
<div>First Name</div>
<input type="text" data-bind="value: FirstName, valueUpdate: 'afterkeydown'" />
<div>Last Name</div>
<input type="text" data-bind="value: LastName, valueUpdate: 'afterkeydown'" />
<div>Full Name</div>
<input type="text" data-bind="value: FullName" />

JavaScript

ko.applyBindings(new viewModel());

function viewModel(){
    var self = this;
    
    self.FirstName = ko.observable('');
    self.LastName = ko.observable('');   
    self.FullName = ko.computed(function(){        
        return self.FirstName() + " " + self.LastName();
                                }, self);
}