Ejemplo de Alerta Con JavaScipt
JavaScript permite a los desarrolladores web mostrar mensajes de alerta en el navegador utilizando la función alert(). Estas alertas son ventanas emergentes que aparecen en la pantalla y proporcionan información al usuario o solicitan confirmación. En este artículo, exploraremos varios ejemplos de cómo usar alertas en JavaScript con 3 diferentes propósitos.
Contenido del artículo
Alerta básica
El ejemplo más sencillo de una alerta en JavaScript es mostrar un mensaje de texto al usuario. Para hacerlo, simplemente llamamos a la función alert() con un argumento de cadena:
<html>Alerta al cargar la página
<head>
<title>Alerta básica en JS</title>
<script type="text/javascript">
function mostrarAlertaBasica() {
alert('¡Hola, mundo!');
}
</script>
</head>
<body>
<h1>Alerta básica</h1>
<button onclick="mostrarAlertaBasica()">Mostrar alerta básica</button>
<p>Este ejemplo muestra una alerta básica con un mensaje de "¡Hola, mundo!" al hacer clic en el botón.</p>
</body>
</html>
Podemos usar una alerta para mostrar un mensaje al usuario cuando se carga una página web. Para hacerlo, podemos agregar la función alert() dentro de una etiqueta script en la sección head o body del documento HTML:
<!DOCTYPE html><html lang="es"><head> <title>Alerta al cargar la página</title> <script type="text/javascript"> window.onload = function() { alert('¡Bienvenido a mi sitio web!'); } </script></head><body> <h1>Alerta al cargar la página</h1> <p>Este ejemplo muestra una alerta cuando se carga la página.</p></body></html>
Alerta con información del usuario
También podemos usar alertas para mostrar información ingresada por el usuario. Por ejemplo, podemos solicitar al usuario que ingrese su nombre utilizando la función prompt(), y luego mostrar una alerta con un mensaje personalizado:
<!DOCTYPE html><html lang="es"><head> <title>Alerta con información del usuario</title> <script type="text/javascript"> function saludo() { let nombre = prompt('Por favor, ingresa tu nombre:'); alert('Hola, ' + nombre + '! Bienvenido a mi sitio web.'); } </script></head><body> <h1>Alerta con información del usuario</h1> <button onclick="saludo()">Saludar</button> <p>Este ejemplo muestra una alerta personalizada con el nombre ingresado por el usuario.</p></body></html>
Alerta al hacer clic en un botón
En algunos casos, podemos querer mostrar una alerta cuando el usuario hace clic en un botón u otro elemento en la página web. Para lograr esto, podemos agregar un controlador de eventos onclick al elemento y llamar a la función alert() dentro del controlador:
<!DOCTYPE html><html lang="es"><head> <title>Alerta con información del usuario</title> <script type="text/javascript"> function saludo() { let nombre = prompt('Por favor, ingresa tu nombre:'); alert('Hola, ' + nombre + '! Bienvenido a mi sitio web.'); } </script></head><body> <h1>Alerta con información del usuario</h1> <button onclick="saludo()">Saludar</button> <p>Este ejemplo muestra una alerta personalizada con el nombre ingresado por el usuario.</p></body></html>
Estos ejemplos demuestran cómo las alertas en JavaScript pueden ser útiles para interactuar con los usuarios y proporcionar información o confirmación en diferentes situaciones.
¿Cómo citar? Pichardo, A. & Del Moral, M. (s.f.). Ejemplo de Alerta Con JavaScipt.Ejemplo de. Recuperado el 26 de Septiembre de 2023 de https://www.ejemplode.com/24-javascript/100-ejemplo_de_alerta_con_javascipt.html
Últimos 10 comentarios