Curso JavaScript | Interacción con el usuario

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

Publicación traducida automáticamente

Artículo escrito por immukul y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *