JSFiddle - React, Tailwind, and code Playground

by Karan1412

HTML

<html>
<head>
<title>after</title>
</head>
<body>
<div>This is Div element.</div>
<span>This is Span element.</span>
<p>This is paragrah element.</p>
<h3>This is h3 element.</h3>
<b>This is bold element.</b><br /><br />
Enter text to append : <input type="text" id="inputUser" /><br />
Specify element : <input type="text" id="elementAfter" /><br /><br />
<input type="button" id="after" value="Click ME !"/>
<input type="button" value="Back To Normal" onclick="location.reload()" />
</body>
</html>

JavaScript

$(document).ready(function () {
        $(":button").click(function () {
            var textToAppend = $('#inputUser').val();
            var appendAfter = $('#elementAfter').val();
            if ($(appendAfter)[0] == undefined || appendAfter == '')
                alert("Enter valid element from the page.");
            else
                $(appendAfter).after(textToAppend);
        });
    });