JSFiddle - React, Tailwind, and code Playground

by Anurag Udasi

HTML

<script src="http://ajax.aspnetcdn.com/ajax/knockout/knockout-3.0.0.js"></script>
Name: <input type = "text" data-bind = "value: name"></input> <br>
<button data-bind = "click: change_name">Change Name</button>

JavaScript

$(function()
  {
      var view_model =
          {
              fds: ko.observable("XX"),
              change_name: function()
              {
                  alert('hi');
                  if(this.name() == "Anurag")
                      this.name("Aarti");
                  else
                      this.name("Anurag");
              }
          };
      ko.applyBindings(view_model);
      setTimeout(function()
                 {
                     view_model.change_name();
                 },3000);
  }
  );