JSFiddle - React, Tailwind, and code Playground

by harperj1029

HTML

<script src="https://raw.github.com/SteveSanderson/knockout/master/build/output/knockout-latest.debug.js"></script>
<script src="https://raw.github.com/SteveSanderson/knockout.mapping/master/build/output/knockout.mapping-latest.debug.js"></script>

CSS

.my-class{
     color:red;   
}

JavaScript

var log = function(message) {
    document.write(message + '<br/>');
}
var link = function(hyperlink, contents) {
    this.hyperlink = hyperlink;
    this.contents = contents;
    this.targetProperties = {prop1:'',prop2:''};
};
var mappedLink1 = ko.mapping.fromJS(new link('http://www.yahoo.com','yahoo'));
var link2 = new link('','');
link2.targetProperties.prop1 = 'foo';
link2.hyperlink='http://www.changedit.com';
ko.mapping.fromJS(link2,{},mappedLink1);
log(mappedLink1.targetProperties.prop1());
log(mappedLink1.hyperlink());