JSFiddle - React, Tailwind, and code Playground

by unklefolk

HTML

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

<h2>Index</h2> 
 
 
<script type="text/javascript"> 
 
    var viewModel = { 
        name: ko.observable('Joe'), 
        number: ko.observable('13')
    }; 
 
</script> 
 
<script type="text/javascript"> 
    ko.applyBindings(viewModel); 
</script> 
 
<ul> 
<li>Name: <input data-bind="text: name"/></li> 
<li>Number: <input data-bind="text: number"/></li> 
</ul> 
 
<ul> 
<li>Name: <span data-bind="text: name"></span></li> 
<li>Number: <span data-bind="text: number"></span></li> 
</ul>

JavaScript

var viewModel = {
    items: ko.observableArray(),
    name: ko.observable('hello world')  
};


ko.applyBindings(viewModel);