JSFiddle - React, Tailwind, and code Playground

by tara5

HTML

<script src="https://rawgit.com/helgoboss/iota-observable/master/iota-observable.js"></script>
<p>Test Text</p>
<button class="triggerNameChange">Click to change name</button>

JavaScript

var customObject = {firstName: "firstName", lastName: "lastName"};

Observable.makeObservable(customObject);

$("p").text(customObject.get("name"));

customObject.on("firstName", function(){$("p").text("Name has been changed to: " + customObject.get("firstName"))});

$(".triggerNameChange").click(function(){
    customObject.set("firstName", "elseName");
});