JSFiddle - React, Tailwind, and code Playground

by dougiei

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/knockout/3.0.0/knockout-min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/knockout.mapping/2.3.5/knockout.mapping.js"></script>
<input type="text" data-bind="value:name, valueUpdate:'afterkeydown'" />
<input type="text" data-bind="value:isRed, valueUpdate:'afterkeydown'" />

JavaScript

function Car(name) {

var self = this;
self.name = ko.observable(name);
self.isRed = ko.observable("red");

    
self.isRed.subscribe(function (value) {    
    //console.log(this.name())
    outputLog.call(this,value);
}, this)

}

var outputLog = function(value)
{
    console.log(this);
    console.log(value);
    console.log(this.name());
}
                     
var vm = new Car("asd");
ko.applyBindings(vm);