Analizamos el enunciado.
El número del lado del
cuadrado debe ser mayor a 0, si es menor, lanzará un alerta. Solo debe procesar
números y bloquear caracteres especiales y letras.
Si el usuario cancela la
entrada de datos o deja el campo de entrada vacío, el programa debe mostrar un
alerta.
Estructura del programa.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width,
initial-scale=1.0" />
<title>Document</title>
</head>
<body>
<script>
/*-----------------------------------------------
Prog. que calcula el área de un Cuadrado
-----------------------------------------------*/
/*-------------------------------------------------------------
Bloq. Entrada de datos y declaración/inicialización de variables
--------------------------------------------------------------*/
let ladoC = Number(prompt("Ingrese el lado del Cuadrado"));
let areaC = 0;
/*-------------------------------------------------------------
Bloq. Validación de datos: Solo Números y diferentes a 0
-------------------------------------------------------------*/
if (ladoC != "") {
if (isNaN(ladoC) === false) {
if (ladoC < 0 || ladoC == 0) {
alert("Ingrese solo números positivos y diferentes a 0!");
} else {
/*---------------------------------------------------------
Cálculo según fórmula del Cuadrado
-----------------------------------------------------------*/
areaC = ladoC ** 2;
/*---------------------------------------------------------
Impresión del resultado
-----------------------------------------------------------*/
document.write(
"El área del Cuadrado de longitud " + ladoC + " es: " + areaC);
}
} else {
alert("Ingrese solo números!");
}
} else {
alert("Usted canceló el programa!");
}
</script>
</body>
</html>
Fórmula
del cuadrado: área = longitud2
El método prompt() despliega en una ventana en el navegador con el mensaje
solicitando al usuario ingrese los datos en el campo de entrada.
El método Number() convierte los datos que recibe prompt() en números, solo si estos son una cadena numérica. Es
decir, Number() no toma el string
“Palabra” y lo convierte en un número, sino que lo clasifica como “NaN” (No es
un número).
Number() interpreta las
cadenas numéricas “0123456789” como números aunque estén entre comillas.
isNaN() bloquea la
entrada de letras o caracteres especiales.
Verifica si la variable que está evaluando no es un número. Si NO es un
número, devolverá True, pero SI es un
número, devolverá False.
El operador
de estricta igualdad “===” obliga a
que el valor de las variables a comparar sean de igual tipo. Ejemplo. “3”
no es igual a 3.
El operador
exponencial “**” toma el valor de la
variable y lo multiplica por sí mismo, tantas veces como se le indica. Ejemplo
4**2 => 4*4
Document.write() Imprime en
la ventana del navegador las variables o cadenas de caracteres que se escriba
dentro de su paréntesis.
Alert() Despliega un popup con
el mensaje que se le indique.
"El hecho de que ignore los hechos no significa que dejen de existir."
Richard Feynman @ProfFeynman
Comentarios
Publicar un comentario