ht() and onChange()

by tjansen

HTML

<script src="http://minifiedjs.com/download/minified-src.js"></script>
<h2>a + b = ?</h2>
a = <input id="a" value="0"/><br/>
b = <input id="b" value="0"/><br/>
<div id="result"></div>

JavaScript

var MINI = require('minified');
var $ = MINI.$, $$ = MINI.$$;

$(function() {
  function updateResult() {
    $('#result').ht('{{a}} + {{b}} = <strong>{{a+b}}</strong>', 
                    {a: parseFloat($$('#a').value), b: parseFloat($$('#b').value)});
  }
  $('input').onChange(updateResult);
  updateResult();
});