Código del ejercicio:

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Ejercicio JavaScript</title>
</head>
<body>
    <script>
        let lado = parseInt(prompt('Ingrese la medida del lado del cuadrado'));
        let area = lado * lado;
        document.write(`Él área del cuadrado es: ${area} cm²`);
    </script>
</body>
</html>

Definición de los códigos del ejercicio:

<script></script> --> contiene comandos u ordenes que se van ejecutando de manera secuencial y comúnmente se utilizan para controlar el comportamiento de un programa en específico o para interactuar con el sistema operativo.
let --> permite declarar variables limitando su alcance (scope) al bloque, declaración, o expresión donde se está usando.
parseInt() --> analiza un valor como una cadena y devuelve el primer entero.
prompt() --> muestra un cuadro de diálogo con mensaje opcional, que solicita al usuario que introduzca un texto.
document.write --> imprime el texto especificado en la página.
${} --> los literales de plantilla (cadenas de plantilla) le permiten utilizar cadenas o expresiones incrustadas en forma de cadena.

Explicación del Código:

1. Estructura HTML Básica

El código inicia con la estructura base de un documento HTML5:


    <!DOCTYPE html>

    <html lang="es">

    <head> ... </head>

    <body> ... </body>

    </html>

Define el idioma y la estructura del documento.

2. Encabezado (`head`)

Incluye metaetiquetas para la codificación de caracteres, compatibilidad y diseño adaptable:


    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

3. Cuerpo del Documento (`body`)

Contiene el script de JavaScript que realiza el cálculo.

4. Código JavaScript

Pedir la medida del lado


    let lado = parseInt(prompt('Ingrese la medida del lado del cuadrado'));

Se muestra una ventana emergente donde el usuario ingresa la medida del lado.
La función parseInt() convierte el valor ingresado a un número entero.

Calcular el área


    let area = lado * lado;

Se multiplica el valor del lado por sí mismo para obtener el área.

Mostrar el resultado en la página


    document.write(`Él área del cuadrado es: ${area} cm²`);

Se usa document.write() para escribir el resultado en la página web.

5. Funcionamiento

El usuario introduce un número en el prompt (ejemplo: 5).
El programa calcula el área (5 × 5 = 25 cm²).
Se muestra el resultado en la página.

Ejercicios de programación

Páginas

viernes, 21 de febrero de 2025

Calcular el área de un cuadrado en JavaScript