JSFiddle - React, Tailwind, and code Playground

by jlspake

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.4.2/knockout-min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div data-bind="with: myData">
  <h4>
  Title
  </h4>
  <span data-bind="text: text"></span>
  <br />  <br />
  <button id="myButton">TEST</button>
</div>

JavaScript

function viewModel(){
	var self = this;
	self.myData = ko.observable({
  	text: ko.observable('init data')
  });
  setTimeout(function(){
  	self.myData({text: 'hello world'});
  }, 1000);
}

$("#myButton").click(function(){ console.log("Clicked!"); });

ko.applyBindings(new viewModel());