JSFiddle - React, Tailwind, and code Playground

by enorl76

HTML

<!-- ko foreach: array -->
<div>
<span data-bind="text: lat">lat</span>
<span data-bind="text: lng">lng</span>
</div>
<!-- /ko -->

<div><button data-bind="click: removeAll">Remove All</button></div>
<div>
<button data-bind="click: addOne">Add One</button>
</div>

JavaScript

var self;
ViewModel = function() {
	self = this
  this.array = ko.observableArray();
}

ViewModel.prototype.removeAll = function() {
	self.array.removeAll();
}
ViewModel.prototype.addOne = function() { 
	self.array.push({lat:0,lng:0});
}

var x = new ViewModel()
ko.applyBindings(x);