JSFiddle - React, Tailwind, and code Playground

by David Thomas

HTML

<button id="addmore">add more</button>
<div id="paragraph_div">
    
    <p>text1</p>    
    <p>text2</p>
    
</div>

JavaScript

$('document').ready(function () {
    
    $('#addmore').click(function(){
   $('#paragraph_div').append("<p id='text3'>text3</p>");
    });   
    
    $('#paragraph_div').on('mouseover','#text3',function(e){
        if ($(e.target).is('#text3')){
            alert("It's done!");
        }
    });
});