JSFiddle - React, Tailwind, and code Playground

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>");
        $('#text3').hover(function() {
            alert('its done!');
        });
    });
});