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:

1. Estructura Básica del HTML

<!DOCTYPE html>: Indica que es un documento HTML5.

<html lang="es">: Define el idioma del documento como español.

<head>: Contiene información sobre el documento.

<meta charset="UTF-8">: Permite el uso de caracteres especiales como tildes y ñ.
<meta name="viewport" content="width=device-width, initial-scale=1.0">: Hace que la página sea responsiva en dispositivos móviles.
<title>Ejercicio JavaScript</title>: Define el título de la página.

2. Código JavaScript

Pedir al usuario la base del rectángulo

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

prompt(): Muestra un cuadro de entrada donde el usuario debe escribir la base.
parseInt(): Convierte el valor ingresado de texto a número entero.
let base: Guarda el valor ingresado por el usuario.

Pedir al usuario la altura del rectángulo

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

Funciona igual que el código anterior, pero esta vez almacena la altura.

Calcular el área

let area = base * altura;

Multiplica la base por la altura y guarda el resultado en la variable area.

Mostrar el resultado en la página

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

document.write(): Escribe directamente el resultado en la página web.
${area}: Inserta el valor del área dentro del texto.

Resumen

Este código solicita al usuario la base y la altura de un rectángulo, calcula su área y la muestra en pantalla.

Ejercicios de programación

Páginas

viernes, 21 de febrero de 2025

Calcular el área de un rectángulo en JavaScript