JSFiddle - React, Tailwind, and code Playground

by softvar

HTML

<script src="myhtml.html"></script>
<button onClick=loadhtml()>load the html</button><button onClick=getvalue()>Get The Value</button><br><br>
<div id="formhtml"></div>
<div id="dialog"></div>

JavaScript

$(document).ready(function() {
    $( "#dialog" ).dialog({
		autoOpen: false,
		show: "bounce",
		hide: "Highlight"
	});

    $( "#formhtml" ).dialog({
			autoOpen: false,
			resizable: true,
			show: "bounce",
			height:200,
			width:400,
			modal: true
		});
    
    });

function showdialog(titleis,contentis){
$( "#dialog" ).dialog({ title: titleis });
document.getElementById('dialog').innerHTML=contentis;
$( "#dialog" ).dialog( "open" );
};
function loadhtml(){
	$("#formhtml").html('<object data="myhtml.html" width="50%" height="100%">');
	$('#formhtml').dialog('open');
};

function getvalue(){
    //how to get value of t_id_textbox inside on myhtml.html into thevaluesis variable
    thevaluesis="empty";
    showdialog("The Result","The Value Is : "+thevaluesis);
};