JSFiddle - React, Tailwind, and code Playground

HTML

<div id="input">
      <form>
      </form>
      <button id="newButton">New Entry</button>
    </div>

JavaScript

var entries = 0;
  
  function new_entry() {
    entries++
    new_entry_div = $('<div>', { 'class': 'entry' }).appendTo('form');
    new_entry_div.html('<p><input type="text"></p>')

     
//     delete button
    delete_button = $('<button>Remove Entry</button>', { 'type': 'button', 'class': 'delete_button' });
    delete_button.appendTo(new_entry_div);
    delete_button.click(remove_entry(this.parent()))
  }
  
  function remove_entry(entry) {
    alert(entry)
  }
  
  $("#newButton").click(function () {
    new_entry();
  })