JSFiddle - React, Tailwind, and code Playground

by PARK KYUNGSIK

HTML

<H3>CIW Web Languages</H3>
<HR>

<FORM NAME="myForm">
<INPUT TYPE="button" VALUE="open new window" onClick="myFunction();">
<!-- Invoke child window function -->

<input type="button" value="Click to open child window" onclick="javascript:myWin.myTest();" />
</FORM>
<P>

JavaScript

function myFunction(){
 
         myWin = open("","","width=200,height=200");
 
        with(myWin.document){
            open();
            write('<HTML><HEAD><TITLE>Child Window<\/TITLE>');
            write('<SCRIPT>function myTest(){');
            write('alert("This function is defined in the child window ');
            write('and is called from the parent window."); this.focus();}');
            write('<\/SCRIPT><\/HEAD><BODY><H3>Child Window<\/H3><HR>');
            write('<FORM><INPUT TYPE="button" VALUE="parent window function" ');
     
         // Use opener property
     
            write('onClick="opener.winFunction();">');                                            
            write('<P><INPUT TYPE="button" VALUE="close window" ');
            write('onClick="window.print();">');
            write('<\/FORM><\/BODY><\/HTML>');
            close();
       }
}
 
     function winFunction(){
         alert("This function is defined in the parent window\n" +
               "and is called from the child window.");
         myWin.focus();
     }