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 centimetro = parseFloat(prompt('centímetro:'));
        let pulgada = centimetro * 0.393701;
        let metro = centimetro * 0.01;
        let milimetro = centimetro * 10;
        document.write(`Pulgadas: ${pulgada} in<br>Metros: ${metro} m<br>Milímetros: ${milimetro} mm`);
    </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.
parseFloat() --> analiza un argumento (si es necesario, lo convierte en una cadena) y devuelve un número de coma flotante.
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.
<br> --> produce un salto de línea en el texto.

Explicación del Código:

1. Estructura HTML

<!DOCTYPE html>
<html lang="es">

La línea DOCTYPE html indica que el documento está hecho en HTML5.

La etiqueta html contiene toda la página web y el atributo lang="es" indica que el idioma es español.

2. Cabecera del documento

<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>

La etiqueta head contiene información importante para el navegador.

meta charset="UTF-8" permite mostrar correctamente letras y símbolos especiales.

viewport hace que la página sea responsive y se adapte a celulares y tablets.

La etiqueta title define el nombre que aparece en la pestaña del navegador.

3. Inicio del body

<body>

La etiqueta body contiene todo lo visible de la página web.

4. Inicio de JavaScript

La etiqueta script permite escribir código JavaScript dentro del HTML.

5. Pedir datos al usuario

let centimetro = parseFloat(prompt('centímetro:'));

La función prompt() muestra una ventana donde el usuario escribe un dato.

La función parseFloat() convierte el texto ingresado en un número decimal.

La variable centimetro guarda el valor ingresado por el usuario.

6. Conversión a pulgadas

let pulgada = centimetro * 0.393701;

Multiplica los centímetros por 0.393701 para convertirlos a pulgadas.

7. Conversión a metros

let metro = centimetro * 0.01;

Multiplica los centímetros por 0.01 para convertirlos a metros.

8. Conversión a milímetros

let milimetro = centimetro * 10;

Multiplica los centímetros por 10 para convertirlos a milímetros.

9. Mostrar resultados

document.write(`Pulgadas: ${pulgada} in<br> Metros: ${metro} m<br> Milímetros: ${milimetro} mm`);

La función document.write() muestra los resultados en la página web.

Los símbolos ${ } permiten insertar variables dentro del texto.

La etiqueta <br> realiza un salto de línea.

10. Fin del código

</script>
</body>
</html>

Aquí finaliza el código JavaScript y también termina la estructura HTML.

Ejercicios de programación

Páginas

sábado, 9 de mayo de 2026

Convertir centímetros a pulgadas, metros y milímetros en JavaScript