Create functions to create a window and close it if desired

1

The issue is that, in the Javascript programming book from where I am studying, an example of a program that creates a window with the parameters that the user has chosen, and closes it if the user wants it. When I take the code in my code editor, the first thing is that the code of the function CrearVentana () I do not understand it and the second thing is that I try it in the browser and it does not work. Could someone tell me where the error is, or therefore, if there is unnecessary code left over?

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>OBJETO WINDOW - ventanas</title>

<script> 


    var ventana;

    function CrearVentana(){
        var opciones="left=100,top=100,";
        opciones=opciones +"width="+document.FORMULARIO[0].value+","; 
        opciones=opciones +"height="+document.FORMULARIO[1].value; 
        ventana = window.open(",",opciones); 
        ventana.document.write("Ventana nueva con el tamaño ");
    }

    function CerrarVentana(){

        if(ventana && !ventana.closed){

        ventana.close();

        window.close();
        }
    }

</script>
</head>


<body>

    <p align="center"><b> INTRODUCE EL ANCHO Y EL ALTO DE LA VENTANA:</b></p>

    <center>

    <table border="0" cellpadding="0" cellspacing="0">

        <tr>

            <td bgcolor="#FFFF96">
                <form name="FORMULARIO">
                    <p><b>ancho de la ventana:</b><input type="text" name="ancho" size="10"/></p>
                    <p><b>alto de la ventana:</b><input type="text" name="alto" size="10"/></p>
                    <input type="button" value="Crear Ventana" name="B1" onclick="CrearVentana()">
                    <input type="button" value="Cerrar Ventana" name="B2" onclick="CerrarVentana()">
                </form>
            </td>
        </tr>

    </table>

    </center>

</body>
</html>
    
asked by Mario G. Lucas 01.04.2018 в 23:50
source

0 answers