JSFiddle - React, Tailwind, and code Playground

by igalst

HTML

<div id="myArea">
    
    <div data-bind="text: ko.toJSON($root)"></div>
    <label for="name1">name1:</label>
    <input id="name1" data-bind="value: fName" />
    
    <hr />
        
    
    <div id="inner">
        <div data-bind="text: ko.toJSON($root)"></div>
        <label for="name2">name2:</label>
        <input id="name2" data-bind="value: fName2" />
    </div>

</div>

JavaScript

var ViewModel2 = function(fName) {
    this.fName2 = ko.observable(fName);
};
 

var ViewModel = function(fName) {
    this.fName = ko.observable(fName);
};

ko.applyBindings(new ViewModel("Stam Name"), document.getElementById("myArea"));
ko.applyBindings(new ViewModel2("Stam2"), document.getElementById("inner"));