Tengo este codigo en el que al hacer clic en un boton se abre una ventana y me sale un contador que es un numero aleatorio entre 1 y 100, este cuenta hasta 0 y se cierra la ventana, pero no se muy bien que estoy haciendo mal ya que no aparece nada en la ventana que abro. Aquí dejo parte del código html porque decido abrirlo dándole un botón y el javascript.
var ventana; function abrir() { ventana = window.open("", "new_window", "width=800,height=500,status=no,toolbar=no,menubar=no"); } window.onload = contar; function contar() { var contartiempo = Math.floor(Math.random() * 100); ventana.document.getElementById('contador').innerHTML = contartiempo; if (contartiempo == 0) { ventana.close(); } ventana.document.write(" tu contador:<span id = contador></span>") //quiero que se muestre en la ventana abierta el contador } <body> <input type="submit" value="Abrir" onclick="abrir()"> </body>Ya resolví mi problema, el código muestra una ventana, realiza el contador y cierra esa ventana, aquí el resultado
var ventana; function abrir() { ventana = window.open("", "new_window", "width=800,height=500,status=no,toolbar=no,menubar=no"); contar() } window.onload = contar//para que cuando var contartiempo = Math.floor(Math.random() * 100); function contar() { if (ventana) { ventana.document.write(" <span id = contador></span>") //quiero que se muestre en la ventana abierta el contador ventana.document.getElementById('contador').innerHTML = contartiempo; if (contartiempo == 0) { ventana.close(); } else{ contartiempo-=1; setTimeout("contar()",1000); } } }Entonces, hay mucha preocupación en este código:
Está cargando la función contar en la carga y hasta ese momento la ventana no está undefined , por lo que obtendrá un error cuando haga algo como ventana.whatever que sea (intentando acceder a una propiedad sin definir).
Dado que el documento en la nueva página no tiene espacio con id = contador cuando se crea, la línea ventana.document.getElementById('contador').innerHTML = contartiempo; también fallará.
Arreglarlo:
var ventana; function abrir() { ventana = window.open("", "new_window", "width=800,height=500,status=no,toolbar=no,menubar=no"); contar() } function contar() { if (ventana) { var contartiempo = Math.floor(Math.random() * 100); ventana.document.write(" tu contador:<span id = contador></span>") //quiero que se muestre en la ventana abierta el contador ventana.document.getElementById('contador').innerHTML = contartiempo; if (contartiempo == 0) { ventana.close(); } } } Aquí estoy llamando a la función contar al hacer clic en el botón en el documento principal después de haber abierto la nueva ventana. Luego pongo el lapso y el otro diseño en la página con ventana.document.write . Luego estamos agregando un innerHTML a ese span .
La parte HTML no requerirá cambios.