Data Sync Christmas Tree Demo

1.html

<!-- Include the PubNub Library (use the beta version)-->
<script src="js/pubnub.js"></script>

1.js

var pubnub = PUBNUB.init({
    publish_key: 'Your Publish Key Here',
    subscribe_key: 'Your Subscribe Key Here'
});

2.js

var tree = pubnub.sync('tree');

3.js

tree.on.ready(function(ref){
  var status = ref.value().light;
  
  if(status === true) 
  ...
});

4.js

if(lightSwitch.checked) {
  tree.merge({'light': true});
} else {
  tree.merge({'light': false});
}

5.js

tree.on.merge(function(ref){
  // sync the UI here
});