viernes, 17 de mayo de 2019

Métodos de entrada y salida de JavaScript

Métodos de entrada

PROMPT

En JavaScript tenemos el método prompt(), que tiene tres variantes según la cantidad de parámetros:

Sin parámetros Un parámetro Dos parámetros
  prompt();
  prompt('Ingrese su edad');
  prompt('Ingrese su edad','18');

  • Cuando no tiene parámetros muestra una ventana flotante que pide ingresar un dato.
  • Cuando tiene un parámetro muestra la ventana flotante con un texto, que es el que colocamos como argumentos.
  • Cuando tiene dos parámetros muestra la ventana flotante, el título o texto sobre la caja de texto y un valor por defecto en la caja de texto.

CONFIRM

En JavaScript tenemos el método confirm(), que permite al usuario elegir una opción entre Ok (aceptar) o Cancel (Cancelar), especialmente útil para evitar que acciones no deseadas se ejecuten al dar un clic por error o mostrar un mensaje previo a la confirmación de una acción. Por ejemplo:
El siguiente código utiliza la función Confirm cuando se presiona el botón.

<script>
   function test(){
     let eleccion = confirm("Elige una opción\n\nSabiamente");
     if (eleccion == true) {
        alert("Elegiste Aceptar");
     } else {
        alert("Elegiste Cancelar");
     } 
   }
</script>

<button onclick="test();">Botón confirm</button>

Notas:
para insertar saltos de línea usamos \n dentro de la cadena de texto, para un espacio de tabulación \t
El valor que la función confirm devuelve es un valor lógico (verdadero o falso)



Métodos de salida

ALERT

La función por excelencia para mostrar un mensaje es Alert(); que nos permite desplegar una ventana flotante con el mensaje que deseemos, este mensaje puede ser cualquier tipo de variable, pero se mostrará convertido a texto. Ejemplo:


<button onclick="alert('Yo soy un alert');">Botón alert</button>



No hay comentarios:

Publicar un comentario