JSFiddle - React, Tailwind, and code Playground

by John Doe

HTML

<div class="dig_sml_box_msg_head">
<p>
here is some text
</p>
</div>

<div class="digloginpage form">
<p>
some stuff
</p>
</div>

JavaScript

jQuery(document).ready(function ($) {
			  $ = jQuery;
        
        
        console.log( "123 ready!" );
				 
         jQuery('.dig_sml_box_msg_head').before("<h3>Important Notice</h3>");
         
				 jQuery('.digloginpage').after('<span class="pdd_2fa-faq"><p>Need Help? <a id="OpenDialog" href="#">Click here to open help</a></p></span>');
         
      console.log( "456 ready!" );
				
        //$("#OpenDialog").dialog({ autoOpen: false, modal: true, height: 590, width: 1005 });
        
        $("#OpenDialog").click(function () {
					console.log( "clicked" );
					var popupwin = window.open("", "popupWindow", "width=300, height=400, scrollbars=yes");
						var $popupwin = $(popupwin.document.body);
							$popupwin.html("<h2>This is title</h2><p> Here is text</p>");
            			});
        		
				 
	     });