Cuadros de dialogos JavaScript prompt Solicitar información

javascript

Cuadros de dialogos JavaScript prompt: Haciendo uso de Window Prompt podemos pedirle valores al usuario para realizar procesamientos, aunque hay muchas opciones  y formas de pedir valores por teclado, el uso de prompt() es una de las más conocidas y antiguas la cual podemos hacer uso teniendo en cuenta la sintaxis:

Cuadros de dialogos JavaScript prompt para solicitar información al usuario

1
prompt(mensaje, texto_defecto)

Poniendo un ejemplo practico para capturar un valor mediante prompt() y validarlo, para luego mostrarlo en un párrafo:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
< !DOCTYPE html>
<html lang=“en”>
<head>
<meta charset=“UTF-8”/>
<title>Prompt con JavaScript</title>
</head>
<body>
<p id=“parrafo”></p>
<script>
var variable = prompt(“Por favor ingresa tu nombre: “);
if (variable != null) {
document.getElementById(“parrafo”).innerHTML =“¡Hola! “ + variable + ” Bienvenido a Byspel.com”;
}
</script>
</body>
</html>

En el ejemplo anterior no pasamos un valor por defecto, ya que deseamos que el usuario ingrese su nombre.

Obtendríamos un mensaje en el cual debemos ingresar un valor

cuadros de dialogos JavaScript prompt

Haciendo uso de prompt, no solo podrás solicitar valores de una caja de texto, también tendrás la posibilidad de utilizar los componentes disponibles en HTML.

¡Suscríbete a mi canal, para acceder a más contenidos gratuitos!

Deja un comentario

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