JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text" class="txtadd">
<button class="btnadd">
Add
</button>

<ul class="items">

</ul>

CSS

ul{
  list-style:none;
}

.del{
  cursor:pointer;
}

JavaScript

$(document).ready(function(){
$('.btnadd').click(function(e){
	var txt=$('.txtadd').val();
  $('.items').append('<li class=\'listItem\'>'+txt+'<img src=\'http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/16/Actions-edit-delete-icon.png\' class=\'del\'></li>');
  $('.txtadd').val('');
});

$('.del').on('click',function(e){
	alert('hi');
  $('this').remove();
});
})