JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://raw.github.com/EightMedia/hammer.js/master/hammer.js"></script>
<nav>
    <button id="original">Tap tap</button>
</nav>

CSS

button {
    border:none;
    padding:20px;
    border-radius:10px;
    background:#000;
    color:#FFF;
}

JavaScript

var i = 0;

// How would I apply hammer to this situation?
$('nav').on('click', 'button', function() {

    $('<button id="' + i + '">Extra button ' + i + ' (' + $(this).attr('id') + ')</button>').appendTo('nav');

    i++;

});