JSFiddle - React, Tailwind, and code Playground

by stevebeauge

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jsviews/0.9.90/jsviews.min.js"></script>
<script id="mainTemplate" type="text/x-jsrender">
  <input data-link="value" />
  <button data-link="{on ~changeValue 1}">+1</button>
  <button data-link="{on ~changeValue (-1)}">-1</button>
</script>

<div id="container">

</div>

JavaScript

(function($) {
   var dataVm = {
    value : 42
  };
  
  var handlers = {
  	changeValue : function(valueToAdd){
    	$.observable(dataVm).setProperty("value", dataVm.value + valueToAdd);
      console.log(event);
    }
  };

  $.templates("#mainTemplate").link("#container", dataVm, handlers);
})(jQuery);