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

var myViewModel = new viewModel();
myViewModel.push({FirstName: "3", LastName: "4"});

console.log(myViewModel);
//console.log(myViewModel.FirstName());
//console.log(myViewModel.self);
//myViewModel.NewProperty = "Hello Extension!";
//console.log(myViewModel);

/*var simpleFunc = new simpleF();
var simpleObject = {FirstName: "Brian", LastName: "Mackey"};
console.log(simpleFunc);
console.log(simpleObject.FirstName);*/
//ko.applyBindings(myViewModel);

function viewModel(){
    var array = [{FirstName: "blah", LastName: "toots"},{FirstName: "1", LastName: "2"}];
    var self = array;
    /*        
    self.FirstName = ko.observable('Brian');
    self.LastName = ko.observable('');   
    self.FullName = ko.computed(function(){        
        return self.FirstName() + " " + self.LastName();
                                }, self);
    */
    return self;
    //return self;
}

function simpleF(){
    var self = this;    
    self.FirstName = "Hi";
}