Marlon Ali Linares Romero@marlonalilinaresromero
Buenas noches, tengo una consulta haer si me apoyan: Tengo la siguiente página: <!DOCTYPE html> <html lang="es"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="responsive.css"> <title>Clase cuatro - Responsive tester</title> </head> <body> <h1>Responsive tester</h1> <p>Introduce los datos de un sitio web para probar su versión responsive</p> <form action="#" id="responsive-tester-form"> <label> Introduce la URL <input type="text" id="url"> </label> <label> Introduce el ancho <input type="text" id="ancho"> </label> <label> Introduce el alto <input type="text" id="alto"> </label> <button>Pruébalo!</button> </form> <script src="responsive.js"></script> </body> </html>
tengo el siguiente JS:
const form = document.getElementById('responsive-tester-form')
if(form){
form.addEventListener('submit', () => {
let ancho = form.querySelector('#ancho')
let alto = form.querySelector('#alto')
let url = form.querySelector('#url')
if (ancho && alto && url){
ancho = ancho.Value
alto = alto.Value
url = url.Value
}
window.open(url,'EDteam',width=${ancho},height=${alto})
})
}
los datos que envio: url=https://ed.team - ancho=800 y alto=600 al chequear por consola se verifica que los valores enviados son almacenadas en las variables indicadas.
Debería abrir una ventana con la página que indico, pero simplemente abre una ventana en blanco. Alguién me puede decir por qué no funciona?