Hola, una consulta: coloco los prompt y las alertas al final del body pero igual me aparece el mensaje antes de cargar la pagina. Lo camb...

Alex Vogel

Pregunta

student•hace 6 años

Hola, una consulta:

coloco los prompt y las alertas al final del body pero igual me aparece el mensaje antes de cargar la pagina. Lo cambie de posicion varias veces para probar y siempre se comporta igual. que puede ser?

<code>

Alex Vogel

student•hace 6 años

Muchas gracias @tiagojacu …a seguir estudiando!

Federico Matías Mauro

student•hace 6 años

Muy interesante lo que dijo @tiagojacu, no lo sabía. Yo uso el navegador Mozilla Firefox y los alert me cargan después de que cargue la página, en cambio en navegadores basados en Chromium carga antes el alert. No estoy seguro si pasa lo mismo con los otros tipos de ventanas modales, pero probablemente sí.

Jose R Osorio

student•hace 6 años

Excelente aporte lo pondré en practica!

Santiago Cujaban

student•hace 6 años

Corrijo mi aporte. El código final es este:

HTML

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Ventanas modales</title>
	</head>
	<body>
		<h1>Tu peso en la tierra</h1>
        <p>Puedes decirnos cuál es tu peso en la tierra?</p>
        <p id="write"></p>
        <input type="button" value="INGRESAR PESO" id="weight">
        <script src="app.js"></script>
	</body>
</html>

JavaScript

var boton = document.getElementById("weight");
var spanw = document.getElementById("write");

boton.addEventListener("click", mostrarPrompt);

function mostrarPrompt(){
	var peso = prompt("Cuál es tu peso?");
	spanw.innerHTML = "Tu peso es: " + peso + "kg";
}

Santiago Cujaban

student•hace 6 años

Esto sucede porque todas las ventanas modales (que son los mismos alerts, prompt o confirms) no pertenecen al DOM (Document Object Model). Esto quiere decir que por más de que coloquemos estas ventanas de últimas siempre se van a cargar primero que el documento. Estas ventanas modales no pertenecen al DOM, sino que son creadas por el navegador (Chrome, Firefox, etc) y su funcionalidad depende de este.

Si quisieras controlar la aparición de estas ventanas modales podrías hacer uso de botones. Aquí te dejo un ejemplo:

HTML

<html>
	<head>
		<meta charset="utf-8">
		<title>Ventanas modales</title>
	</head>
	<body>
		<h1>Tu peso en la tierra</h1>
		<p>Puedes decirnos cuál es tu peso en la tierra?</p>
		<input type="button" value="INGRESAR PESO" id="weight">
	</body>
</html>

JavaScript

var boton = document.getElementById("weight");

boton.addEventListener("click", mostrarPrompt);

function mostrarPrompt(){
	var peso = prompt("Cuál es tu peso?");
	document.write("Tu peso es: " + peso)
}

RESULTADO

Espero haberte ayudado. Saludos

Hola, una consulta: coloco los prompt y las alertas al final del body pero igual me aparece el mensaje antes de cargar la pagina. Lo camb...

Curso Gratis de Programación Básica

Curso Gratis de Programación Básica