Introducción a prompt()

🎯 Introducción

En la mayoría de los programas, es necesario recibir información del usuario.

En JavaScript, podemos hacerlo con prompt().

🖥️ ¿Qué es prompt()?

prompt() es una función, similar a console.log(), sólo que muestra una ventana donde el usuario puede escribir un valor.

Este valor lo podemos almacenar en una variable.

let sabor = prompt("¿Qué sabor de helado prefieres?");
console.log("¡Excelente elección! Un helado de " + sabor + " saliendo.");

Cuando ejecutamos este código, el usuario verá un cuadro de diálogo preguntando por su sabor preferido.

El texto que escriba se guardará en la variable sabor. Es como tomar una nota del pedido del cliente.

🔢 ¿Cómo convertir la entrada a número?

Si queremos que el tipo de dato sea un número, necesitamos convertir la entrada de prompt() de String a Number.

Para eso usamos parseInt(), parseFloat() o Number().

let puntaje = prompt("¿Cuál fue tu puntaje en el juego?");
puntaje = parseInt(puntaje); // Convertimos el string a número
console.log(
  `¡Increíble! Si vences al enemigo llegarás a ${puntaje + 500} puntos.`,
);

De esta manera no estamos sumando un string con un número, que nos daría el error que vimos en el artículo de concatenación.

Estaríamos sumando número con número, lo cual mostraría un resultado correcto al momento de hacer la suma que esperamos.

📌 Errores comunes con prompt()

1️⃣ No convertir la entrada

let numero = prompt("Escribe un número:");
console.log(numero + 10); // Esto concatenará el número en lugar de sumarlo.

💡 Solución: Usar parseInt() o Number() para hacer operaciones matemáticas correctamente.

2️⃣ Olvidar que el usuario puede cancelar

Si el usuario presiona Cancelar y tratamos de conseguir el texto recibiremos null, por lo que nuestro programa podría dejar de funcionar correctamente.

Comentarios