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

<!DOCTYPE html>: Define el documento como HTML5.

<html lang="es">: Especifica que el idioma de la página es español.

<head>: Contiene información del documento.

<meta charset="UTF-8">: Permite el uso de caracteres especiales como tildes y eñes.
<meta name="viewport" content="width=device-width, initial-scale=1.0">: Hace que la página sea adaptable a diferentes dispositivos.
<title>Ejercicio JavaScript</title>: Define el título de la pestaña del navegador.

2. Código JavaScript

Captura de datos del usuario

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

Solicita al usuario ingresar la base del triángulo mediante un cuadro de diálogo (prompt).
parseInt() convierte el texto ingresado en un número entero.

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

Solicita la altura del triángulo de la misma manera.

Cálculo del área

let area = (base * altura) / 2;

Se aplica la fórmula del área de un triángulo: Área = (base * altura) / 2.

Mostrar el resultado

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

Imprime el resultado directamente en la página web.

Resultado

Cuando el usuario ingresa los valores, la página mostrará el área calculada.

Ejercicios de programación

Páginas

viernes, 21 de febrero de 2025

Calcular el área de un triángulo en JavaScript