JSFiddle - React, Tailwind, and code Playground

by donabrams

HTML

<form>
    <p>
        <a class="something" href="http://yahoo.com" target="_blank">YAY</a>
        <button id="adder">add!</button>
</p>
</form>

JavaScript

var i = 1;
$("form")
    .find("#adder").click(function(event) {
          $(this).parent("p").append('<a class="something" href="http://yahoo.com" target="_blank">YAY' + (i++) + '</a>');
          event.stopPropagation();
          return false;
        })
    .end()
    .on("click", "a.something", function(event) {
        alert("got: " + $(this).html());   
        event.stopPropagation();
        return false;     
});