JSFiddle - React, Tailwind, and code Playground

by gurkavcu

HTML

<script src="http://github.com/downloads/SteveSanderson/knockout/jquery.tmpl.js"></script>
<script src="http://knockoutjs.com/js/knockout-1.2.1.js"></script>
<script type="text/html" id="basic-stuff" >
    
    <div>
        <input type="text" data-bind="value : input1" />
        <input type="text" data-bind="value : input2" />
    </div>
    
</script>

<div id="result" data-bind="template:{ name:'basic-stuff' , foreach:items }" />
<button type="submit" id="add" data-bind=" click : function() { createItem('',''); }" >ADD</button>

JavaScript

function inputs ( input1 , input2 ) {
    
 this.input1 = input1;   
 this.input2 = input2;  
 return this;  
    
}


var viewModel = {
    items : ko.observableArray([{input1:'1',input2:'one'},{input1:'2',input2:'two'}]),
    createItem : function(input1,input2) {
        this.items.push( new inputs(input1,input2) );
    }
}
    
ko.applyBindings(viewModel);
viewModel.createItem('3','three');
viewModel.createItem('4','four');