Alerta De Javascript

| | | | | |

El método alert () de JavaScript, también conocido como Window.alert (), muestra un cuadro de diálogo de alerta a un usuario. Acepta un argumento de mensaje opcional para mostrar un mensaje con un botòn Aceptar al usuario. Los usos comunes de alert () son para que el usuario sepa que una acciòn se realizò correctamente o para mostrar errores.

La alert () El método también es √∫til como herramienta de desarrollo. Por ejemplo, colocar un alert () dentro de una funciòn para manejar el envìo de un formulario. Por lo general, el alert () se colocará después de que se llame a event.preventDefault ().

Para revisiòn, event. preventDefault () simplemente cancela el comportamiento predeterminado de redireccionamiento después de hacer clic en el botòn Enviar. Lea este rápido tutorial para revisar con más detalle event.preventDefault ( ).

¿Qué es JavaScript alert ()?

JavaScript alert () muestra un cuadro de diálogo emergente. Se puede pasar un mensaje opcional en forma de cadena para mostrar un mensaje personalizado. Una nota importante sobre alert () es que solo debe usarse para mostrar un mensaje que requiera reconocimiento haciendo clic en Aceptar. Un mensaje que requiera una acciòn no debe utilizar alert ().

Un cuadro de diálogo alert () tiene muchos usos. Se puede usar para mostrar el éxito o los errores en el contexto de una solicitud fetch (). Otro uso es mostrar alert () en una funciòn para garantizar que el programa fluya adecuadamente.

Sintaxis de JavaScript de alert ()

La sintaxis de alert () es conciso y sencillo. Simplemente invoque alert () con un mensaje en forma de cadena:

Esto mostrarìa un cuadro de diálogo que dirìa " mensaje. " Coloque su mensaje personalizado como una cadena para mostrarlo.

El mensaje es opcional. Si no se incluye un mensaje, aparece un cuadro de diálogo en blanco con un botòn Aceptar.

JavaScript alert () Ejemplos

En la introducciòn de este artìculo, considerado un escenario de usuario y desarrollador para usar alert (). Veamos ahora còmo se implementarìa cada uno. Empecemos por el lado del desarrollador. Pondremos un alert () dentro de una funciòn que maneja el envìo de formularios. & Nbsp;

Comenzaremos con un formulario básico para iniciar sesiòn con un nombre de usuario y contrase√±a. & nbsp;

Lo que representa:

MLCDfjy1iblleL5clyn3Ghzw2BIrA1oRzbT4O 1mHnXypflpT 9sctJ9Zl5y9wTnTxGcmc3ZjIloAxpYuTsOLk8p5ix172NRBX FC1FBuss6BHAgRW8iq QR6mwaU24 PQOPM8BX

Ahora vamos a construir una funciòn para pasar a la propiedad onSubmit y de nuestro formulario JavaScript. & nbsp;

Luego pasamos esta funciòn a nuestro formulario en la propiedad onSubmit.

Ahora podemos hacer clic en el botòn Iniciar sesiòn para ver si hemos conectado correctamente la funciòn al formulario. Después de hacer clic en el botòn se obtiene un cuadro de diálogo que es similar al siguiente: & nbsp;

 2gKbjV3n RGpVj1B7s2ButGGHMhcWLmZPhaK7tlBjG3TAzT Ud0OVvshHmMJ3Ua6PdB4QNhtoepZhyYOHCVVJa8mIF4vm2HZlJYxhpZPANMI1N1> ¬°Genial! Sabemos que nuestra funciòn que definimos es comunicarnos con nuestra forma. JavaScript <code>alert ()</code> nos brinda una forma sencilla de verificar el flujo de nuestro programa.</p> <p>Para nuestro siguiente ejemplo, echemos un vistazo a còmo podemos exponer el éxito y el error. mensajes en una solicitud <code>fetch ()</code>. <br></p>  <p>En este ejemplo, tenemos una solicitud de b√∫squeda de carrito de compras en una aplicaciòn de comercio electrònico . Estamos enviando una solicitud para ver si se ha almacenado un carrito de compras actual. Pasando por la solicitud hasta el final, tenemos un <code>alert ()</code> que mostrará errores, si los hay. & Nbsp; <br ></p> <p>Como no hay un carrito de compras activo, obtenemos este error: <br></p> <figure class = ’TZ2ClSAvgCOCLI9QsEMk47tUkqAunrnnt745

Este ejemplo es más √∫til en el desarrollo de la producciòn, pero los mismos principios se pueden aplicar como validaciones en una forma por ejemplo.

Aquì, el alert () mostrará los mensajes de error asociados con un formulario de inicio de sesiòn. Si un usuario intenta iniciar sesiòn sin completar el formulario, obtenemos estos errores:

FMSCkcJjfuBGgsgYT2y1LoOSDrKCUOMK3ydEYhiEIr4FbCwC7DPqzot1 88U5XAWOv1XBqyqKSBUPDcOp2wHHnMM9OSwxblOGRQ2bMXRhysRMD9sMSx08eLx5sC2t6KJ1G Hst2e

Este es un ejemplo de còmo dirigir la experiencia del usuario usando alert () para mostrar validaciones. & Nbsp;

Hemos visto còmo alert () se puede utilizar tanto en el lado del desarrollo como en el lado del cliente: lo que ve el usuario. Dediquemos un momento a recapitular lo que hemos aprendido.

Conclusiòn

JavaScript alert () es un método simple que tiene muchos usos amplios. Toma un argumento opcional de un mensaje como un tipo de datos de cadena. s un cuadro de diálogo con el mensaje y un botòn Aceptar. Recuerde que alert () solo está destinado a mostrar mensajes y no puede realizar ninguna acciòn. & Nbsp;

En nuestros ejemplos, vimos còmo alert () se puede usar en desarrollo para rastrear la comunicaciòn de una funciòn y un formulario. Luego, vimos còmo alert () puede exponer mensajes de error en el lado de desarrollo de una solicitud de recuperaciòn. En nuestro ejemplo final, vimos còmo se puede usar alert () para entregar errores de validaciòn en un formulario a un usuario.

A estas alturas, ya deberìa comprender sobre los usos comunes de alert (). Pruébelo en su pròximo proyecto de JavaScript como una forma de probar diferentes funcionalidades.

Shop

Learn programming in R: courses

$

Best Python online courses for 2022

$

Best laptop for Fortnite

$

Best laptop for Excel

$

Best laptop for Solidworks

$

Best laptop for Roblox

$

Best computer for crypto mining

$

Best laptop for Sims 4

$

Latest questions

NUMPYNUMPY

psycopg2: insert multiple rows with one query

12 answers

NUMPYNUMPY

How to convert Nonetype to int or string?

12 answers

NUMPYNUMPY

How to specify multiple return types using type-hints

12 answers

NUMPYNUMPY

Javascript Error: IPython is not defined in JupyterLab

12 answers

News


Wiki

Python OpenCV | cv2.putText () method

numpy.arctan2 () in Python

Python | os.path.realpath () method

Python OpenCV | cv2.circle () method

Python OpenCV cv2.cvtColor () method

Python - Move item to the end of the list

time.perf_counter () function in Python

Check if one list is a subset of another in Python

Python os.path.join () method