JSFiddle - React, Tailwind, and code Playground

by chrisloughnane

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.2.0/knockout-min.js"></script>
<form data-bind="with: formModel">
    First Name: <input type="text" data-bind="value: firstName"/>
    Surame: <input type="text" data-bind="value: surname"/>
    <button data-bind="click: $parent.clear">Clear</button>
</form>

JavaScript

$(function() {
    ko.applyBindings(new ViewModel());
});

var ViewModel = function () {
    var self = this;
    
    self.formModel = ko.observable(new FormModel());
    
    self.clear = function () {
        self.formModel(new FormModel());
    }
};

var FormModel = function () {
    var self = this;
    
    self.firstName = ko.observable();
    self.surname = ko.observable();
}