mi茅rcoles, 1 de julio de 2026

Generar serie: 1,4,9,16,25,36,... en Java

C贸digo del ejercicio:

package ejercicio;

public class Ejercicio {

    public static void main(String[] args) {
        int num1 = 1;
        int num2 = 36;
        int contador = 1;
        while(num1 <= num2){
            System.out.print(num1 + ",");
            contador += 1;
            num1 = contador * contador;
        }
    }

}

Definici贸n de los c贸digos del ejercicio:

int --> dato entero de 32 bits.
while --> el ciclo while recorre un bloque de c贸digo siempre que una condici贸n espec铆fica sea verdadera.
for --> el ciclo for recorre un bloque de c贸digo varias veces.
<= --> el operador menor o igual ( <= ) devuelve true si el operando izquierdo es menor o igual que el operando derecho, y en false caso contrario.
System.out.print() --> imprime el texto en la consola y el cursor permanece al final del texto en la consola.
+ --> el operador ( + ) concatena variables de cadena.
+= --> el operador de asignaci贸n de suma ( += ) suma el valor del operando derecho a una variable y asigna el resultado a la variable.

Explicaci贸n del C贸digo:

Este programa genera autom谩ticamente la serie de cuadrados perfectos: 1, 4, 9, 16, 25, 36. Para ello utiliza un ciclo while y una variable llamada contador, que se multiplica por s铆 misma para obtener cada n煤mero de la serie.

C贸digo

package ejercicio;

public class Ejercicio {

    public static void main(String[] args) {
        int num1 = 1;
        int num2 = 36;
        int contador = 1;

        while(num1 <= num2){
            System.out.print(num1 + ",");
            contador += 1;
            num1 = contador * contador;
        }
    }

}

Explicaci贸n de cada l铆nea del c贸digo

C贸digo Explicaci贸n
package ejercicio; Indica el paquete donde est谩 almacenada la clase.
public class Ejercicio Define la clase principal del programa.
public static void main(String[] args) Es el m茅todo principal donde inicia la ejecuci贸n del programa.
int num1 = 1; Guarda el primer n煤mero de la serie. Inicialmente vale 1.
int num2 = 36; Define el valor m谩ximo que tendr谩 la serie.
int contador = 1; Variable utilizada para calcular los cuadrados perfectos.
while(num1 <= num2) El ciclo se ejecuta mientras el valor de num1 sea menor o igual a 36.
System.out.print(num1 + ","); Imprime el n煤mero actual de la serie seguido de una coma.
contador += 1; Aumenta el contador en una unidad para calcular el siguiente cuadrado perfecto.
num1 = contador * contador; Calcula el cuadrado del contador y guarda el resultado en num1.

Funcionamiento del ciclo while

Valor del contador Operaci贸n N煤mero generado
1 1 × 1 1
2 2 × 2 4
3 3 × 3 9
4 4 × 4 16
5 5 × 5 25
6 6 × 6 36
Resumen del algoritmo

El programa comienza con el n煤mero 1. Despu茅s imprime ese valor, incrementa el contador y calcula su cuadrado mediante la operaci贸n contador * contador. Este proceso se repite dentro del ciclo while hasta que el resultado sea mayor que 36. De esta forma se obtiene la serie:

1, 4, 9, 16, 25, 36

C贸digo del ejercicio: Otra forma de hacer

package ejercicio;

public class Ejercicio {

    public static void main(String[] args) {
        int contador = 1;
        for(int num1 = 1; num1 <= 36; contador++, num1 = contador * contador){
            System.out.print(num1 + ",");
        }
    }

}

Definici贸n de los c贸digos del ejercicio:

int --> dato entero de 32 bits.
while --> el ciclo while recorre un bloque de c贸digo siempre que una condici贸n espec铆fica sea verdadera.
for --> el ciclo for recorre un bloque de c贸digo varias veces.
<= --> el operador menor o igual ( <= ) devuelve true si el operando izquierdo es menor o igual que el operando derecho, y en false caso contrario.
System.out.print() --> imprime el texto en la consola y el cursor permanece al final del texto en la consola.
+ --> el operador ( + ) concatena variables de cadena.
+= --> el operador de asignaci贸n de suma ( += ) suma el valor del operando derecho a una variable y asigna el resultado a la variable.

Explicaci贸n del C贸digo:

Este programa genera una serie de n煤meros cuadrados perfectos. Cada n煤mero es el resultado de multiplicar un n煤mero por s铆 mismo: 1², 2², 3², 4², 5², 6².... Por ello la salida es: 1, 4, 9, 16, 25, 36,....

C贸digo fuente

package ejercicio;

public class Ejercicio {

    public static void main(String[] args) {
        int contador = 1;
        for(int num1 = 1; num1 <= 36; contador++, num1 = contador * contador){
            System.out.print(num1 + ",");
        }
    }

}

Explicaci贸n de cada parte del c贸digo

C贸digo Explicaci贸n
package ejercicio; Indica el paquete donde se encuentra el programa.
public class Ejercicio Define la clase principal del programa llamada Ejercicio.
public static void main(String[] args) Es el m茅todo principal donde comienza la ejecuci贸n del programa.
int contador = 1; Declara una variable llamada contador que comienza con el valor 1. Esta variable representa el n煤mero que ser谩 elevado al cuadrado.
for(...) El ciclo for repite el proceso hasta que el n煤mero cuadrado sea mayor que 36.
int num1 = 1; Inicializa la variable num1 con el primer cuadrado perfecto.
num1 <= 36 Es la condici贸n del ciclo. Mientras num1 sea menor o igual a 36, el ciclo continuar谩.
contador++ Incrementa el valor de contador en uno en cada repetici贸n.
num1 = contador * contador Calcula el cuadrado del valor de contador. Por ejemplo: 2×2=4, 3×3=9, 4×4=16.
System.out.print(num1 + ","); Imprime cada n煤mero cuadrado seguido de una coma.

Funcionamiento paso a paso

Valor de contador C谩lculo Valor de num1
1 1 × 1 1
2 2 × 2 4
3 3 × 3 9
4 4 × 4 16
5 5 × 5 25
6 6 × 6 36
Resultado del programa:

1,4,9,16,25,36,

El programa utiliza un contador para calcular el cuadrado de cada n煤mero mediante la operaci贸n contador × contador. El ciclo termina cuando el cuadrado supera el valor de 36.

martes, 30 de junio de 2026

Sacar la nota final y mostrar un mensaje de acuerdo a su nota en Java

C贸digo del ejercicio:

package ejercicio;

import java.util.Scanner;

public class Ejercicio {

    public static void main(String[] args) {
        Scanner sc = new Scanner(System.in);
        System.out.print("Ingrese la primera nota: ");
        int nota1 = sc.nextInt();
        System.out.print("Ingrese la segunda nota: ");
        int nota2 = sc.nextInt();
        System.out.print("Ingrese la tercera nota: ");
        int nota3 = sc.nextInt();
        int notaFinal = (nota1 + nota2 + nota3) / 3;
        if(notaFinal == 100){
            System.out.println("Su nota es: " + notaFinal + " su nota es Excelente.");
        }else if(notaFinal >= 60){
            System.out.println("Su nota es: " + notaFinal + " usted Aprob贸.");
        }else if(notaFinal >= 40){
            System.out.println("Su nota es: " + notaFinal + " usted entra a Repechaje.");
        }else{
            System.out.println("Su nota es: " + notaFinal + " usted R茅probo.");
        }
    }

}

Definici贸n de los c贸digos del ejercicio:

import java.util.Scanner; --> Importaci贸n expl铆cita de Scanner.
Scanner sc = new Scanner(System.in); --> objeto de Scanner con nombre sc.
Scanner --> clase Scanner nos permite ingresar datos por teclado.
new --> palabra reservada que instancia un objeto de la clase Scanner.
System.in --> par谩metro que indica de donde proceden los datos, en este caso del teclado.
System.out.print() --> imprime el texto en la consola y el cursor permanece al final del texto en la consola.
System.out.println() --> imprime el texto en la consola y el cursor permanece al comienzo de la siguiente l铆nea en la consola.
int --> dato entero de 32 bits.
nextInt() --> lee un n煤mero entero desde consola (teclado).
if --> use if para especificar un bloque de c贸digo que se ejecutar谩, si una condici贸n especificada es verdadera.
else --> use else para especificar un bloque de c贸digo a ejecutar, si la misma condici贸n es falsa.
else if --> use else if para especificar una nueva condici贸n para probar, si la primera condici贸n es falsa.
== --> el operador de igualdad ( == ) regresa true si sus operandos son iguales, false en caso contrario.
>= --> el operador mayor que o igual ( >= ) devuelve true si el operando izquierdo es mayor o igual que el operando derecho, y en false caso contrario.
+ --> el operador ( + ) concatena variables de cadena.

Explicaci贸n del C贸digo:

Este programa solicita al usuario tres notas, calcula el promedio de ellas y muestra un mensaje dependiendo de la nota final obtenida. El mensaje puede indicar si el estudiante obtuvo una calificaci贸n excelente, aprob贸, va a repechaje o reprob贸.

Explicaci贸n de cada parte del c贸digo

C贸digo Explicaci贸n
package ejercicio; Indica el paquete donde se encuentra la clase del programa.
import java.util.Scanner; Importa la clase Scanner para poder leer datos que escribe el usuario.
public class Ejercicio Define la clase principal donde se desarrolla el programa.
public static void main(String[] args) Es el m茅todo principal desde donde comienza la ejecuci贸n del programa.
Scanner sc = new Scanner(System.in); Crea un objeto Scanner para capturar los datos ingresados por el usuario mediante el teclado.
System.out.print("Ingrese la primera nota: "); Muestra un mensaje solicitando la primera nota.
int nota1 = sc.nextInt(); Guarda la primera nota ingresada por el usuario.
System.out.print("Ingrese la segunda nota: "); Solicita la segunda nota.
int nota2 = sc.nextInt(); Almacena la segunda nota.
System.out.print("Ingrese la tercera nota: "); Solicita la tercera nota.
int nota3 = sc.nextInt(); Guarda la tercera nota ingresada.
int notaFinal = (nota1 + nota2 + nota3) / 3; Suma las tres notas y las divide entre tres para obtener el promedio o nota final.
if(notaFinal == 100) Comprueba si la nota final es exactamente 100. En ese caso muestra un mensaje indicando que la calificaci贸n es excelente.
else if(notaFinal >= 60) Si la nota no es 100, verifica si es mayor o igual a 60. Si se cumple, el estudiante aprob贸.
else if(notaFinal >= 40) Si la nota es menor que 60 pero mayor o igual a 40, el estudiante entra a repechaje.
else Si ninguna condici贸n anterior se cumple, significa que la nota es menor a 40 y el estudiante reprob贸.
System.out.println(...); Muestra la nota final junto con el mensaje correspondiente seg煤n el resultado obtenido.

Funcionamiento del programa

El programa solicita tres notas al usuario y las almacena en variables enteras. Despu茅s calcula el promedio de las tres notas para obtener la nota final. Finalmente, mediante una estructura if - else if - else, compara el promedio y muestra uno de los siguientes mensajes:

  • 100: Su nota es Excelente.
  • 60 a 99: Usted Aprob贸.
  • 40 a 59: Usted entra a Repechaje.
  • Menor a 40: Usted Reprob贸.

Resumen

Este ejercicio ense帽a c贸mo leer datos con Scanner, realizar operaciones aritm茅ticas para calcular un promedio y utilizar estructuras condicionales (if, else if y else) para tomar decisiones y mostrar diferentes mensajes seg煤n la nota obtenida por el estudiante.

Contar la cantidad de d铆gitos que tiene un n煤mero en Java

C贸digo del ejercicio:

package ejercicio;

import java.util.Scanner;

public class Ejercicio {

    public static void main(String[] args) {
        Scanner sc = new Scanner(System.in);
        System.out.print("Introduzca un n煤mero: ");
        int num = sc.nextInt();
        int contador = 0;
        while(num >= 1){
            contador++;
            num /= 10;
        }
        System.out.println("El n煤mero ingresado tiene " + contador + " d铆gitos.");
    }

}

Definici贸n de los c贸digos del ejercicio:

import java.util.Scanner; --> Importaci贸n expl铆cita de Scanner.
Scanner sc = new Scanner(System.in); --> objeto de Scanner con nombre sc.
Scanner --> clase Scanner nos permite ingresar datos por teclado.
new --> palabra reservada que instancia un objeto de la clase Scanner.
System.in --> par谩metro que indica de donde proceden los datos, en este caso del teclado.
System.out.print() --> imprime el texto en la consola y el cursor permanece al final del texto en la consola.
System.out.println() --> imprime el texto en la consola y el cursor permanece al comienzo de la siguiente l铆nea en la consola.
int --> dato entero de 32 bits.
nextInt() --> lee un n煤mero entero desde consola (teclado).
while --> el ciclo while recorre un bloque de c贸digo siempre que una condici贸n espec铆fica sea verdadera.
>= --> el operador mayor que o igual ( >= ) devuelve true si el operando izquierdo es mayor o igual que el operando derecho, y en false caso contrario.
++ --> el operador de incremento ( ++ ) incrementa (suma uno a) su operando y devuelve un valor.
/= --> el operador de asignaci贸n de divisi贸n ( /= ) divide el valor del operando derecho de una variable y asigna el resultado a la variable.
+ --> el operador ( + ) concatena variables de cadena.
String --> dato de tipo cadena de texto.
nextLine() --> se utiliza para obtener la entrada del usuario.
length() --> devuelve la longitud de una cadena.

Explicaci贸n del C贸digo:

Este programa solicita al usuario un n煤mero entero y calcula cu谩ntos d铆gitos tiene. Para lograrlo, divide el n煤mero entre 10 repetidamente hasta que el valor llegue a 0, contando cu谩ntas veces realiza esa operaci贸n.

1. Declaraci贸n del paquete

package ejercicio;

Indica el paquete donde se encuentra almacenada la clase del programa.

2. Importar Scanner

import java.util.Scanner;

Importa la clase Scanner, que permite leer datos ingresados desde el teclado.

3. Declaraci贸n de la clase

public class Ejercicio {

Crea la clase principal donde estar谩 todo el programa.

4. M茅todo principal

public static void main(String[] args) {

Es el punto donde comienza la ejecuci贸n del programa.

5. Crear el objeto Scanner

Scanner sc = new Scanner(System.in);

Crea un objeto que permite leer el n煤mero ingresado por el usuario.

6. Solicitar el n煤mero

System.out.print("Introduzca un n煤mero: ");

Muestra un mensaje para pedir al usuario que escriba un n煤mero.

7. Leer el n煤mero

int num = sc.nextInt();

Guarda el n煤mero ingresado en la variable num.

8. Inicializar el contador

int contador = 0;

Crea una variable que almacenar谩 la cantidad de d铆gitos del n煤mero.

9. Ciclo while

while(num >= 1){
    contador++;
    num /= 10;
}

Este ciclo se ejecuta mientras el n煤mero sea mayor o igual a 1.

  • contador++; aumenta el contador en uno.
  • num /= 10; divide el n煤mero entre 10 y elimina el 煤ltimo d铆gito.
  • El proceso se repite hasta que el n煤mero llegue a 0.

10. Mostrar el resultado

System.out.println("El n煤mero ingresado tiene " + contador + " d铆gitos.");

Muestra en pantalla la cantidad de d铆gitos que tiene el n煤mero ingresado.

11. Cierre del m茅todo y de la clase

}
}

Finalizan el m茅todo main y la clase del programa.

Ejemplo de ejecuci贸n

Si el usuario ingresa:

Introduzca un n煤mero: 5839

El ciclo realiza las siguientes divisiones:

5839 → 583 → 58 → 5 → 0

Como el ciclo se ejecut贸 4 veces, el resultado ser谩:

El n煤mero ingresado tiene 4 d铆gitos.

C贸digo del ejercicio: Otra forma de hacer

package ejercicio;

import java.util.Scanner;

public class Ejercicio {

    public static void main(String[] args) {
        Scanner sc = new Scanner(System.in);
        System.out.print("Introduzca un n煤mero: ");
        String num = sc.nextLine();
        int contador = num.length();
        System.out.println("El n煤mero ingresado tiene " + contador + " d铆gitos.");
    }

}

Definici贸n de los c贸digos del ejercicio:

import java.util.Scanner; --> Importaci贸n expl铆cita de Scanner.
Scanner sc = new Scanner(System.in); --> objeto de Scanner con nombre sc.
Scanner --> clase Scanner nos permite ingresar datos por teclado.
new --> palabra reservada que instancia un objeto de la clase Scanner.
System.in --> par谩metro que indica de donde proceden los datos, en este caso del teclado.
System.out.print() --> imprime el texto en la consola y el cursor permanece al final del texto en la consola.
System.out.println() --> imprime el texto en la consola y el cursor permanece al comienzo de la siguiente l铆nea en la consola.
int --> dato entero de 32 bits.
nextInt() --> lee un n煤mero entero desde consola (teclado).
while --> el ciclo while recorre un bloque de c贸digo siempre que una condici贸n espec铆fica sea verdadera.
>= --> el operador mayor que o igual ( >= ) devuelve true si el operando izquierdo es mayor o igual que el operando derecho, y en false caso contrario.
++ --> el operador de incremento ( ++ ) incrementa (suma uno a) su operando y devuelve un valor.
/= --> el operador de asignaci贸n de divisi贸n ( /= ) divide el valor del operando derecho de una variable y asigna el resultado a la variable.
+ --> el operador ( + ) concatena variables de cadena.
String --> dato de tipo cadena de texto.
nextLine() --> se utiliza para obtener la entrada del usuario.
length() --> devuelve la longitud de una cadena.

Explicaci贸n del C贸digo:

import java.util.Scanner;

Importa la clase Scanner, que permite leer los datos que el usuario escribe desde el teclado.

public class Ejercicio {

Declara la clase principal llamada Ejercicio, donde se encuentra todo el programa.

public static void main(String[] args) {

Es el m茅todo principal. Aqu铆 comienza la ejecuci贸n del programa.

Scanner sc = new Scanner(System.in);

Crea un objeto Scanner llamado sc, que sirve para leer los datos ingresados por el usuario.

System.out.print("Introduzca un n煤mero: ");

Muestra un mensaje en pantalla para pedir al usuario que escriba un n煤mero.

String num = sc.nextLine();

Lee el n煤mero ingresado y lo guarda como una cadena de texto (String), permitiendo contar f谩cilmente la cantidad de caracteres.

int contador = num.length();

El m茅todo length() devuelve la cantidad de caracteres que tiene la cadena. Esa cantidad corresponde al n煤mero de d铆gitos ingresados.

System.out.println("El n煤mero ingresado tiene " + contador + " d铆gitos.");

Muestra en pantalla la cantidad de d铆gitos que tiene el n煤mero ingresado por el usuario.

lunes, 29 de junio de 2026

Ingresar dos n煤meros y determinar si el primer n煤mero ingresado es mayor o menor en HTML y JavaScript

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>Ingresar dos n煤meros y determinar si el primer n煤mero ingresado es mayor o menor</h3>
    <form action="">
        <label for="">n煤mero:</label>
        <input type="number" id="num1"><br><br>
        <label for="">n煤mero:</label>
        <input type="number" id="num2"><br><br>
        <input type="button" value="Mostrar" onclick="mostrar()">
        <input type="reset" value="Limpiar"><br><br>
        <label for="">resultado:</label>
        <input type="text" id="resultado" size="30">
    </form>
    <script>
        function mostrar(){
            let num1 = parseFloat(document.getElementById('num1').value);
            let num2 = parseFloat(document.getElementById('num2').value);
            if(num1 == num2){
                document.getElementById('resultado').value = `El n煤mero ${num1} es igual que ${num2}`;
            }else if(num1 > num2){
                document.getElementById('resultado').value = `El n煤mero ${num1} es mayor que ${num2}`;
            }else{
                document.getElementById('resultado').value = `El n煤mero ${num1} es menor que ${num2}`;
            }
        }
    </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.
function --> es un bloque de c贸digo dise帽ado para realizar una tarea en particular.
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.
if --> se usa para especificar un bloque de c贸digo que se ejecutar谩, si una condici贸n especificada es verdadera.
else if --> se usa para especificar una nueva condici贸n para probar, si la primera condici贸n es falsa.
else --> se usa para especificar un bloque de c贸digo a ejecutar, si la misma condici贸n es falsa.
== --> el operador de comparacion ( == ) comprueba si sus dos operandos son iguales y devuelve un resultado booleano.
> --> el operador mayor que ( > ) devuelve true si el operando izquierdo es mayor que el operando derecho.
`${}` --> los literales de plantilla (cadenas de plantilla) le permiten utilizar cadenas o expresiones incrustadas en forma de cadena.
document.getElementById() --> devuelve un elemento con un valor especificado.
.value --> establece o devuelve el valor del atributo de valor de un campo de texto.

Explicaci贸n del C贸digo:

1. Declaraci贸n del documento HTML

La l铆nea <!DOCTYPE html> indica que el documento utiliza HTML5.

La etiqueta <html lang="es"> informa al navegador que la p谩gina est谩 escrita en espa帽ol.

2. Secci贸n <head>

Dentro del <head> se encuentran configuraciones importantes de la p谩gina.

  • <meta charset="UTF-8"> permite utilizar correctamente letras con tildes y la letra 帽.
  • <meta name="viewport"> hace que la p谩gina sea adaptable a celulares y tablets.
  • <title> muestra el nombre de la p谩gina en la pesta帽a del navegador.

3. T铆tulo del ejercicio

La etiqueta <h3> muestra el enunciado del ejercicio para indicar al usuario qu茅 debe realizar.

4. Formulario

La etiqueta <form> contiene todos los controles que utilizar谩 el usuario.

  • Dos cajas <input type="number"> permiten ingresar los dos n煤meros.
  • El bot贸n Mostrar ejecuta la funci贸n mostrar().
  • El bot贸n Limpiar borra todos los datos del formulario.
  • La caja de texto resultado muestra el mensaje obtenido despu茅s de comparar los n煤meros.

5. Inicio de JavaScript

La etiqueta <script> contiene el c贸digo JavaScript encargado de realizar la comparaci贸n entre los n煤meros.

6. Funci贸n mostrar()

La funci贸n mostrar() se ejecuta cuando el usuario hace clic en el bot贸n Mostrar.

Su objetivo es leer los n煤meros ingresados, compararlos y mostrar el resultado.

7. Obtener el primer n煤mero

La instrucci贸n:

let num1 = parseFloat(document.getElementById('num1').value);

realiza las siguientes acciones:

  • Busca la caja de texto cuyo id es num1.
  • Obtiene el valor escrito por el usuario.
  • Convierte ese valor en un n煤mero decimal mediante parseFloat().
  • Guarda el resultado en la variable num1.

8. Obtener el segundo n煤mero

La instrucci贸n:

let num2 = parseFloat(document.getElementById('num2').value);

realiza exactamente el mismo proceso para el segundo n煤mero y lo almacena en la variable num2.

9. Comparar los n煤meros

La estructura if...else if...else permite tomar decisiones.

  • Primer caso:

    if(num1 == num2)

    Comprueba si ambos n煤meros son iguales. Si es verdadero, muestra el mensaje:

    El n煤mero X es igual que Y.

  • Segundo caso:

    else if(num1 > num2)

    Verifica si el primer n煤mero es mayor que el segundo. Si es verdadero, muestra:

    El n煤mero X es mayor que Y.

  • Tercer caso:

    else

    Si no se cumplen las condiciones anteriores, significa que el primer n煤mero es menor que el segundo. Entonces muestra:

    El n煤mero X es menor que Y.

10. Mostrar el resultado

La instrucci贸n:

document.getElementById('resultado').value = ...

escribe el mensaje correspondiente dentro de la caja de texto llamada resultado, para que el usuario pueda visualizar la comparaci贸n realizada.

Resumen del funcionamiento

  1. El usuario ingresa dos n煤meros.
  2. Hace clic en el bot贸n Mostrar.
  3. JavaScript obtiene ambos valores.
  4. Compara si son iguales, mayores o menores.
  5. Finalmente muestra el resultado en la caja de texto correspondiente.

La Municipalidad de Lima Metropolitana desea minimizar los accidentes automovil铆sticos de la ciudad; para lo cual realiza un diagn贸stico, en el informe se advierte que uno de los problemas es el exceso de la velocidad por parte de los conductores. Por lo tanto, como primera medida ser谩 enviar autom谩ticamente un mensaje de advertencia a los conductores que superan la velocidad de 30 km/h en HTML y JavaScript

La Municipalidad de Lima Metropolitana desea minimizar los accidentes automovil铆sticos de la ciudad; para lo cual realiza un diagn贸stico, en el informe se advierte que uno de los problemas es el exceso de la velocidad por parte de los conductores. Por lo tanto, como primera medida ser谩 enviar autom谩ticamente un mensaje de advertencia a los conductores que superan la velocidad de 30 km/h

Bajo este escenario, se pide dise帽ar un algoritmo (Pseudoc贸digo) que permita a la Municipalidad de Lima implementar su primera medida; ingresando el n煤mero de placa y la velocidad.

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>La Municipalidad de Lima Metropolitana desea minimizar los accidentes automovil铆sticos de la ciudad; para lo cual realiza un diagn贸stico, en el informe se advierte que uno de los problemas es el exceso de la velocidad por parte de los conductores. Por lo tanto, como primera medida ser谩 enviar autom谩ticamente un mensaje de advertencia a los conductores que superan la velocidad de 30 km/h</h3>
    <form action="">
        <label for="">Ingresar n煤mero de placa:</label>
        <input type="text" id="placa"><br><br>
        <label for="">Ingresar velocidad:</label>
        <input type="number" id="velocidad"><br><br>
        <input type="button" value="Mostrar" onclick="mostrar()">
        <input type="reset" value="Limpiar"><br><br>
        <label for="">resultado:</label><br>
        <textarea name="" id="resultado" cols="30" rows="10"></textarea>
    </form>
    <script>
        function mostrar(){
            let placa = document.getElementById('placa').value;
            let velocidad = parseFloat(document.getElementById('velocidad').value);
            if(velocidad > 30){
                document.getElementById('resultado').value = `Advertencia! exceso de velocidad, supera la velocidad de 30 km/h\nPlaca del veh铆culo: ${placa}`;
            }
        }
    </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.
<textarea></textarea> --> define un control de entrada de texto de varias l铆neas.
<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.
function --> es un bloque de c贸digo dise帽ado para realizar una tarea en particular.
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.
if --> se usa para especificar un bloque de c贸digo que se ejecutar谩, si una condici贸n especificada es verdadera.
> --> el operador mayor que ( > ) devuelve true si el operando izquierdo es mayor que el operando derecho.
`${}` --> los literales de plantilla (cadenas de plantilla) le permiten utilizar cadenas o expresiones incrustadas en forma de cadena.
\n --> es el car谩cter de salto de l铆nea y se usa para indicar el fin de una l铆nea de texto y el inicio de una l铆nea nueva.
document.getElementById() --> devuelve un elemento con un valor especificado.
.value --> establece o devuelve el valor del atributo de valor de un campo de texto.

Explicaci贸n del C贸digo:

Este programa permite ingresar la placa de un veh铆culo y la velocidad a la que circula. Si la velocidad es mayor a 30 km/h, el sistema muestra autom谩ticamente un mensaje de advertencia indicando que el conductor excedi贸 el l铆mite permitido.

1. Estructura principal del documento

<!DOCTYPE html>

Indica que el documento est谩 escrito en HTML5.

<html lang="es">

Define que la p谩gina est谩 escrita en espa帽ol.

<head>

Contiene la configuraci贸n de la p谩gina, como el t铆tulo y la codificaci贸n de caracteres.

<meta charset="UTF-8">

Permite mostrar correctamente letras como 谩, 茅, 铆, 贸, 煤 y la 帽.

<meta name="viewport" content="width=device-width, initial-scale=1.0">

Hace que la p谩gina sea adaptable a celulares, tablets y computadoras.

<title>Ejercicio HTML y JavaScript</title>

Coloca el nombre que aparecer谩 en la pesta帽a del navegador.


2. Descripci贸n del problema

<h3>...</h3>

Muestra el enunciado del ejercicio explicando que la municipalidad enviar谩 una advertencia a los veh铆culos que superen los 30 km/h.


3. Formulario

<form>

Agrupa todos los controles donde el usuario ingresar谩 la informaci贸n.

Campo para la placa

<input type="text" id="placa">

Permite escribir el n煤mero de placa del veh铆culo.

Campo para la velocidad

<input type="number" id="velocidad">

Permite ingresar la velocidad del veh铆culo en kil贸metros por hora.

Bot贸n Mostrar

<input type="button" value="Mostrar" onclick="mostrar()">

Cuando el usuario hace clic, ejecuta la funci贸n mostrar().

Bot贸n Limpiar

<input type="reset" value="Limpiar">

Borra todos los datos ingresados en el formulario.

脕rea de resultado

<textarea id="resultado"></textarea>

Aqu铆 aparecer谩 el mensaje de advertencia cuando corresponda.


4. C贸digo JavaScript

function mostrar(){ }

Se crea la funci贸n llamada mostrar(), que se ejecuta al presionar el bot贸n Mostrar.

Leer la placa

let placa = document.getElementById('placa').value;

Obtiene el texto escrito en el campo de la placa y lo guarda en la variable placa.

Leer la velocidad

let velocidad = parseFloat(document.getElementById('velocidad').value);

Obtiene la velocidad ingresada y la convierte en un n煤mero decimal mediante parseFloat().

Evaluar la velocidad

if(velocidad > 30){ }

Comprueba si la velocidad es mayor a 30 km/h.

  • Si la velocidad es mayor a 30, entra al bloque del if.
  • Si es igual o menor a 30, no ocurre ninguna acci贸n.

Mostrar el mensaje

document.getElementById('resultado').value = `Advertencia! exceso de velocidad, supera la velocidad de 30 km/h Placa del veh铆culo: ${placa}`;

Busca el 谩rea de texto llamada resultado y escribe un mensaje de advertencia junto con la placa del veh铆culo utilizando una plantilla de texto (Template Literal).


5. Funcionamiento paso a paso

  1. El usuario escribe la placa del veh铆culo.
  2. Ingresa la velocidad.
  3. Presiona el bot贸n Mostrar.
  4. JavaScript obtiene los datos ingresados.
  5. Compara la velocidad con el l铆mite de 30 km/h.
  6. Si supera el l铆mite, muestra una advertencia y la placa del veh铆culo.
  7. Si no supera el l铆mite, no se muestra ning煤n mensaje.

Resumen

Este ejercicio demuestra c贸mo HTML crea la interfaz para ingresar datos y c贸mo JavaScript procesa esa informaci贸n mediante una condici贸n (if). Cuando la velocidad es mayor a 30 km/h, el programa genera autom谩ticamente una advertencia indicando que el veh铆culo excedi贸 el l铆mite permitido e informa la placa del conductor.

Convertir cent铆metros a pulgadas, metros y mil铆metros en HTML y JavaScript

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>Convertir cent铆metros a pulgadas, metros y mil铆metros</h3>
    <form action="">
        <label for="">cent铆metro:</label>
        <input type="number" id="centimetro"><br><br>
        <input type="button" value="Convertir" onclick="convertir()">
        <input type="reset" value="Limpiar"><br><br>
        <label for="">resultado:</label><br>
        <textarea name="" id="resultado" cols="30" rows="10"></textarea>
    </form>
    <script>
        function convertir(){
            let centimetro = parseFloat(document.getElementById('centimetro').value);
            let pulgada = centimetro * 0.393701;
            let metro = centimetro * 0.01;
            let milimetro = centimetro * 10;
            document.getElementById('resultado').value = `Pulgadas: ${pulgada} in\nMetros: ${metro} m\nMil铆metros: ${milimetro} mm`;
        }
    </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.
<textarea></textarea> --> define un control de entrada de texto de varias l铆neas.
<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.
function --> es un bloque de c贸digo dise帽ado para realizar una tarea en particular.
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.
`${}` --> los literales de plantilla (cadenas de plantilla) le permiten utilizar cadenas o expresiones incrustadas en forma de cadena.
\n --> es el car谩cter de salto de l铆nea y se usa para indicar el fin de una l铆nea de texto y el inicio de una l铆nea nueva.
document.getElementById() --> devuelve un elemento con un valor especificado.
.value --> establece o devuelve el valor del atributo de valor de un campo de texto.

Explicaci贸n del C贸digo:

Este programa permite ingresar una cantidad en cent铆metros y convertirla autom谩ticamente a:

  • Pulgadas (in)
  • Metros (m)
  • Mil铆metros (mm)

1. Estructura HTML

<!DOCTYPE html>

Indica que el documento utiliza la versi贸n HTML5.

<html lang="es">

Define el inicio de la p谩gina web y especifica que el idioma es espa帽ol.

<head>

Contiene informaci贸n importante de la p谩gina, como:

  • La codificaci贸n UTF-8.
  • La compatibilidad con navegadores.
  • La adaptaci贸n a celulares.
  • El t铆tulo de la pesta帽a.

<body>

Contiene todo lo que el usuario puede ver e interactuar.


2. T铆tulo

<h3>Convertir cent铆metros a pulgadas, metros y mil铆metros</h3>

Muestra el nombre del ejercicio en la p谩gina.


3. Formulario

<form> ... </form>

Agrupa todos los elementos del formulario.


4. Etiqueta

<label>cent铆metro:</label>

Indica al usuario qu茅 dato debe escribir.


5. Caja de texto

<input type="number" id="centimetro">

Permite ingresar 煤nicamente n煤meros y el identificador centimetro sirve para acceder al valor desde JavaScript.


6. Bot贸n Convertir

<input type="button" value="Convertir" onclick="convertir()">

Cuando el usuario hace clic:

  • Se ejecuta la funci贸n convertir().
  • Se realizan todas las conversiones.
  • Se muestran los resultados.

7. Bot贸n Limpiar

<input type="reset" value="Limpiar">

Borra todos los datos escritos en el formulario.


8. 脕rea de resultados

<textarea id="resultado"></textarea>

Aqu铆 aparecen las conversiones realizadas por el programa.


9. Inicio de JavaScript

<script> ... </script>

Dentro del bloque script se escribe todo el c贸digo JavaScript.


10. Funci贸n convertir()

function convertir(){ }

Esta funci贸n contiene todas las instrucciones necesarias para realizar las conversiones.


11. Leer el valor ingresado

let centimetro = parseFloat(document.getElementById('centimetro').value);

Este c贸digo hace tres cosas:

  • Busca la caja de texto.
  • Obtiene el n煤mero escrito.
  • Lo convierte a n煤mero decimal usando parseFloat().

12. Conversi贸n a pulgadas

let pulgada = centimetro * 0.393701;

Multiplica los cent铆metros por 0.393701 para obtener pulgadas.

Ejemplo:

10 cm × 0.393701 = 3.93701 pulgadas

13. Conversi贸n a metros

let metro = centimetro * 0.01;

Cada cent铆metro equivale a 0.01 metros.

Ejemplo:

250 cm × 0.01 = 2.5 metros

14. Conversi贸n a mil铆metros

let milimetro = centimetro * 10;

Cada cent铆metro equivale a 10 mil铆metros.

Ejemplo:

5 cm × 10 = 50 mm

15. Mostrar el resultado

document.getElementById('resultado').value = `Pulgadas: ${pulgada} in Metros: ${metro} m Mil铆metros: ${milimetro} mm`;

Este c贸digo:

  • Busca el 谩rea de resultados.
  • Escribe los valores convertidos.
  • ${variable} inserta el contenido de cada variable dentro del texto.
  • \n crea un salto de l铆nea para que cada resultado aparezca en una l铆nea diferente.

Resumen del funcionamiento

  1. El usuario escribe una cantidad en cent铆metros.
  2. Hace clic en Convertir.
  3. JavaScript obtiene el n煤mero ingresado.
  4. Calcula las pulgadas.
  5. Calcula los metros.
  6. Calcula los mil铆metros.
  7. Muestra todas las conversiones en el 谩rea de resultados.
  8. Si se pulsa Limpiar, el formulario vuelve a quedar vac铆o.

Generar serie: 1,4,9,16,25,36,... en Java

C贸digo del ejercicio: package ejercicio; public class Ejercicio {     public static void main ( String [] args ) {        ...

Copyright ©2025 Ejercicios de programaci贸n. Todos los derechos reservados. ❤️