Ractive.js Tutorial 4-2

index.html

<!-- http://learn.ractivejs.org/event-proxies/2/ -->
 
<script src='http://cdn.ractivejs.org/latest/ractive.min.js'></script>

<div id='container'></div>


<script id='template' type='text/ractive'>
  <button on-click='activate'>Activate!</button>
  <button on-click='deactivate'>Deactivate!</button>
</script>

Ractive.js-Tutorial-4-2.markdown

Ractive.js Tutorial 4-2

A Pen by Ken on CodePen.

License.

script.js

var ractive = new Ractive({
  el: 'container',
  template: '#template'
});

ractive.on({
  activate: function(e){
    alert('Activating!');
  },
  deactivate: function(e){
    alert('Deactivate!');
  }
});