Artículo anterior: Curso de JavaScript | Practice Quiz-1
Javascript nos permite el privilegio con el cual podemos interactuar con el usuario y responder en consecuencia. Incluye varias funciones de interfaz de usuario que ayudan en la interacción. Echemos un vistazo a ellos uno por uno.
- alert
simplemente crea un cuadro de alerta que puede o no tener un contenido específico en su interior, pero siempre viene con el botón ‘Aceptar’. Simplemente muestra un mensaje y detiene la ejecución del script hasta que presione el botón ‘Aceptar’. La mini-ventana que aparece se llama ‘ventana modal’.alert('text');
Ejemplo:
// alert example
<script>
alert(
'HI there'
);
// with specified content
alert();
// without any specified content
</script>
Salida:
se puede usar para depurar o simplemente para mostrar algo al usuario. - prompt
Prompt es otra función de interfaz de usuario que normalmente contiene dos argumentos.prompt('text', default value);
El texto es básicamente lo que desea mostrar al usuario y el argumento de valor predeterminado es opcional, aunque actúa como un marcador de posición dentro de un campo de texto. Es la interfaz más utilizada, ya que con ella puede pedirle al usuario que ingrese algo y luego usar esa entrada para construir algo.
Ejemplo: (con parámetro predeterminado)<script>
// prompt example
let age = prompt(
'How old are you?'
, 50);
alert(`You are ${age} years old!`);
</script>
Salida:
puede ingresar cualquier cosa e imprimirá eso, no necesariamente tiene que ser un número. Sin el valor predeterminado, debe ingresar algo en el campo de texto; de lo contrario, simplemente se imprimirá un espacio en blanco.
Ejemplo:<script>
// prompt example
let age = prompt(
'How old are you?'
);
alert(`You are ${age} years old!`);
</script>
Producción:
- confirmar
La función de confirmación básicamente genera una ventana modal con una pregunta y dos botones ‘OK’ y ‘CANCEL’.confirm('question');
Ejemplo:
<script>
// confirm example
let isHappy = confirm(
'Are you Happy?'
);
alert(`You are ${isHappy}`);
</script>
Salida:
imprimirá verdadero o falso en función de su elección de hacer clic en el botón ‘Aceptar’ o en el botón ‘CANCELAR’ respectivamente.
Artículo siguiente: Curso de JavaScript | Operadores lógicos en JavaScript