HTML() and values()

by tjansen

HTML

<script src="http://minifiedjs.com/download/minified-src.js"></script>
<h2>Grocery List</h2>
<ul id="list"></ul>
<br/>
How many? <input name="qty" value="1"> What? <input name="desc" value="Milk"/> <button id="add">Add</button>

JavaScript

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

$(function() {
    $('#add').on('click', function() {
            var newEntry = HTML('<li>{{qty}}x {{desc}} <button>Remove</button></li>', $('input').values());
            $('#list').add(newEntry);
            newEntry.select('button').on('click', function() {
                newEntry.remove();
            });
    });
});