Bienvenidos sean a este post, hoy veremos una particularidad.
Esta es otra notificacion emergente que podemos generar desde Javascript. Esta nos permite ingresar un texto a nuestros codigos para poder ser manipulado. Su sintaxis es muy simple:
prompt(texto[, respuesta]);El texto a mostrar puede ser literal o desde una variable. El siguiente argumento es opcional y representa un valor predeterminado de respuesta. Analicemos un ejemplo para ver como trabaja:
<html>
<head>
<title>Pagina de prueba</title>
</head>
<body>
<script language="javascript">
<!--
let msg;
let txt = "Ingresa un mensaje:";
let dato = false;
while(!dato) {
msg = prompt(txt, "Nada fue ingresado");
dato = confirm("El mensaje es correcto?");
}
alert("Ingresado: " + msg);
window.document.body.innerHTML="<h1>" + msg + "</h1>";
//-->
</script>
</body>
</html>
Esto es una pagina basica de HTML y en el body tenemos el tag de script para utilizar la funcion. Primero definimos una variable que contendra el mensaje a almacenar. Lo siguiente es otra variable con un texto simple. Y la ultima variable es para confirmarse que es el dato final, por esta razon lo establecemos como false (ya veremos por que). Seguido a esto tenemos un bucle donde se repetira mientras dato sea false. Lo primero que haremos es utilizar a la funcion para ingresar un texto, observen que asignamos un texto predeterminado. Seguido a esto, usamos a confirm para confirmar si es asi o no y esto lo almacenamos en dato. Si presionamos Cancelar devuelve un false y procede a repetir el bucle y debemos ingresar otro texto. En caso contrario, sale del bucle y muestra lo ingresado con un alert. Para finalmente, escribir este texto en el body del HTML. Veamos como trabaja mediante el siguiente video
Como pueden ver en el video, dependiendo del confirm se repite el bucle o no. Pero en caso de confirmarlo, nos muestra el texto ingresado y como lo podemos usar en la pagina. Esto es ideal para cuando debemos ingresar un dato particular, no una contraseña, para poder modificar un campo en nuestra pagina. Tengan en cuenta que este elemento tiene un limite de 1024 caracteres, por lo cual no podran ingresar textos amplios pero si alguno particular.
En resumen, hoy hemos visto a prompt, que es, para que sirve, como se utiliza, y un ejemplo practico para verlo en accion. Espero les haya sido de utilidad y les dejo un link a GitHub donde esta el codigo creado hoy:
Les dejo algunas de mis redes sociales para seguirme o recibir una notificacion cada vez que subo un nuevo post:
Donación
Es para mantenimento del sitio, gracias!
$1.50
El blog de Tinchicus 