JSFiddle - React, Tailwind, and code Playground

by sqiudward

HTML

<div id="emails">
    <div id="email1c">
        <label for="email1">Email 1:</label>
        <input type="text" id="email1" name="email1" />
    </div>
</div>
<button id="addMore">Add More</button>

CSS

#emails div {
    margin-bottom: 10px;
}

JavaScript

var cnt = 1;
$('#addMore').click(function(e){
    cnt++;
    $('<div id="email1c">\
        <label for="email'+cnt+'">Email '+cnt+':</label>\
        <input type="text" id="email'+cnt+'" name="email'+cnt+'" />\
        <button onclick="$(this).parent().remove();">Remove</button>\
    </div>').appendTo('#emails');
});