JSFiddle - React, Tailwind, and code Playground

by rich_harris

HTML

<script src="http://cdn.ractivejs.org/latest/ractive.js"></script>
<div id="container"></div>

<script id='item-list' type='text/ractive'>
    <input type="text"value="{{item_entry}}"/>
    <button on-click="resetItem()">Set to foo</button>
</script>

JavaScript

var items = []
  , invalid

var ractive = new Ractive({
      el: 'container'
    , template: '#item-list'
    , twoway: false
    , resetItem: function () {
        this.set( 'item_entry', null );
        this.set( 'item_entry', 'foo' );
      }
})