JSFiddle - React, Tailwind, and code Playground

by valchev

HTML

Input: <input type="text" id="test" data-bind="value: name" />
<button data-bind="click: reset">Reset</button>
<br/>
ViewModel Value: <span data-bind="text: name" style="color: green;"></span>

JavaScript

var myViewModel = {
    name: ko.observable('Bob'),
    reset: function() {
        document.getElementById("test").value = ""  
    }
};

ko.applyBindings(myViewModel);