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 base = parseInt(prompt('Ingrese la base del rectángulo'));
        let altura = parseInt(prompt('Ingrese la altura del rectángulo'));
        let area = base * altura;
        document.write(`Él área del rectángulo 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:

Este programa solicita al usuario la base y la altura de un rectángulo, calcula su área mediante una multiplicación y muestra el resultado en la pantalla.

Área = Base × Altura

Explicación del código

1. Declaración del documento HTML

<!DOCTYPE html>

Indica que el documento utiliza la versión HTML5.

2. Inicio del documento

Informa al navegador que la página está escrita en español.

3. Configuración del encabezado

Contiene la configuración de la página, como la codificación de caracteres, el ajuste para dispositivos móviles y el título que aparecerá en la pestaña del navegador.

4. Inicio del código JavaScript

Dentro de esta etiqueta se escribe el código JavaScript que realizará el cálculo.

5. Solicitar la base del rectángulo

let base = parseInt(prompt('Ingrese la base del rectángulo'));

Se muestra una ventana para que el usuario escriba la base del rectángulo. prompt() recibe el dato y parseInt() lo convierte en un número entero.

6. Solicitar la altura del rectángulo

let altura = parseInt(prompt('Ingrese la altura del rectángulo'));

Se pide al usuario la altura del rectángulo y también se convierte a un número entero.

7. Calcular el área

let area = base * altura;

Se multiplica la base por la altura y el resultado se guarda en la variable area.

8. Mostrar el resultado

document.write(`El área del rectángulo es: ${area} cm²`);

Muestra el área calculada dentro de la página web utilizando el valor almacenado en la variable area.

Resumen del funcionamiento:

El usuario ingresa la base del rectángulo.
El usuario ingresa la altura del rectángulo.
El programa multiplica ambos valores.
Finalmente, muestra el área del rectángulo en centímetros cuadrados (cm²).

Ejercicios de programación

Páginas

viernes, 21 de febrero de 2025

Calcular el área de un rectángulo en JavaScript