JSFiddle - React, Tailwind, and code Playground

by Randy Crews

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.5.1/knockout-min.js"></script>
Name: <input type="text" data-bind="value: name" />
<p>
  Hello, <span data-bind="text: name"></span>
</p>
<button data-bind="click: changeName">
  Change Name
</button>

JavaScript

$(function() {
  let viewModel = {
    name: 'Bob',
    changeName: function() {
      this.name = 'Steve'
    }
  };
});