Estoy haciendo una práctica con un formulario que te abre una ventana externa del navegador con ciertos parámetros, algo así como un responsive test.
Lo que sucede es que también tengo un botón para cerrar la ventana que previamente abrí, pero no funciona.
Intenté pasarle la variable del formulario al método close()
, pero lo que hace es que me cierra la ventana del formulario y no la externa.
Aquí el código:
JS:
function responsiveTester(formID = "") {
const form = document.getElementById(formID);
let prueba;
document.addEventListener("submit", (e) => {
if (e.target === form) {
e.preventDefault();
prueba = window.open(form.direccion.value, "prueba", `innerWidth = ${form.ancho.value}, innerHeight = ${form.alto.value}`);
}
});
document.addEventListener("click", (e) => {
if (e.target === form.cerrar) {
prueba .close();
}
});
}
//Aquí lo cargo
responsiveTester("test");
HTML:
<form id="test">
<input type="url" name="direccion" required placeholder="URL">
<br>
<input type="number" name="ancho" required placeholder="Ancho">
<br>
<input type="number" name="alto" required placeholder="Alto">
<br>
<input type="submit" name="enviar" value="probar">
<br>
<input type="button" name="cerrar" value="cerrar la ventana">
</form>