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 HTML y JavaScript</title>
</head>
<body>
    <h3>Determinar si un número es impar</h3>
    <form action="">
        <label for="">número:</label>
        <input type="number" id="numero"><br><br>
        <input type="button" value="Calcular" onclick="calcular()">
        <input type="reset" value="Limpiar"><br><br>
        <label for="">resultado:</label>
        <input type="text" id="resultado">
    </form>
    <script>
        function calcular(){
            let numero = parseInt(document.getElementById('numero').value);
            if(numero % 2 != 0){
                document.getElementById('resultado').value = `El número ${numero} es impar.`; 
            }else{
                document.getElementById('resultado').value = `El número ${numero} no es impar.`;
            }
        }
    </script>
</body>
</html>

Definición de los códigos del ejercicio:

<h3></h3> --> representa un encabezado de nivel 3.
<form></form> --> se utiliza para crear un formulario HTML para la entrada del usuario.
<br> --> produce un salto de línea en el texto.
<label></label> --> representa una etiqueta para un elemento en una interfaz de usuario.
<input> --> etiqueta especifica un campo de entrada donde el usuario puede ingresar datos.
onclick --> onclick evento ocurre cuando el usuario hace clic en un elemento.
<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.
if --> se usa para especificar un bloque de código que se ejecutará, si una condición especificada es verdadera.
else --> se usa para especificar un bloque de código a ejecutar, si la misma condición es falsa.
% --> el operador de modulo ( % ) devuelve el resto de la división.
!= --> el operador de desigualdad ( != ) comprueba si sus dos operandos no son iguales y devuelve un resultado booleano.
function --> es un bloque de código diseñado para realizar una tarea en particular.
parseInt() --> analiza un valor como una cadena y devuelve el primer entero.
document.getElementById() --> devuelve un elemento con un valor especificado.
.value --> establece o devuelve el valor del atributo de valor de un campo de texto.
`${}` --> 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 permite ingresar un número y determinar si es impar utilizando HTML y JavaScript.

Explicación de cada parte

Código	Función
`<!DOCTYPE html>`	Indica que el documento utiliza HTML5.
`<html lang="es">`	Define el idioma del documento.
`<head>`	Contiene la configuración de la página.
`<body>`	Contiene el contenido visible.
`<form>`	Agrupa los controles del formulario.
`<input type="number">`	Permite ingresar un número.
`<input type="button">`	Ejecuta la función `calcular()`.
`<script>`	Contiene el código JavaScript.
`function calcular()`	Define la función que verifica si el número es impar.
`parseInt()`	Convierte el dato ingresado en un número entero.
`document.getElementById()`	Obtiene un elemento por su identificador.
`numero % 2`	Calcula el residuo de dividir el número entre 2.
`if(numero % 2 != 0)`	Comprueba si el residuo es diferente de cero.
`else`	Se ejecuta cuando el número es par.
`.value`	Muestra el resultado en la caja de texto.

Funcionamiento

El usuario escribe un número.
Hace clic en Calcular.
JavaScript obtiene el número ingresado.
Calcula el residuo usando el operador %.
Si el residuo es distinto de 0, el número es impar.
En caso contrario, el número es par.
El resultado se muestra en la caja de texto.

Ejemplo

Número	Residuo	Resultado
9	1	El número 9 es impar.
14	0	El número 14 no es impar.

Resumen

El operador % obtiene el residuo de la división entre 2. Si el residuo es diferente de 0, el número es impar; de lo contrario, el número es par.

Ejercicios de programación

Páginas

domingo, 21 de junio de 2026

Determinar si un número es impar en HTML y JavaScript