sábado, 22 de febrero de 2025

Contar la cantidad de dígitos que tiene un número en JavaScript

Código del ejercicio: Con ciclo while

<!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 numero = parseInt(prompt('Introduzca un número'));
        let contador = 0;
        while(numero >= 1){
            contador = contador + 1;
            numero = numero / 10;
        }
        document.write(`El número tiene ${contador} dígitos.`);
    </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.
length --> la propiedad length devuelve la longitud de una cadena.
prompt() --> muestra un cuadro de diálogo con mensaje opcional, que solicita al usuario que introduzca un texto.
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.
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:

Este programa solicita un número al usuario y calcula cuántos dígitos tiene utilizando un ciclo while.

Código del programa

let numero = parseInt(prompt('Introduzca un número'));
let contador = 0;

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

document.write(`El número tiene ${contador} dígitos.`);

Explicación paso a paso

1. Solicitar el número

La instrucción prompt() muestra una ventana para que el usuario escriba un número.

let numero = parseInt(prompt('Introduzca un número'));

La función parseInt() convierte el texto ingresado en un número entero para poder realizar operaciones matemáticas.

2. Crear el contador
let contador = 0;

Se crea una variable llamada contador que comienza en cero. Esta variable almacenará la cantidad de dígitos del número.

3. Iniciar el ciclo while
while(numero >= 1)

El ciclo se ejecuta mientras el número sea mayor o igual que 1. Cada vuelta del ciclo elimina un dígito del número.

4. Aumentar el contador
contador = contador + 1;

Cada vez que el ciclo se repite, el contador aumenta en uno porque se ha contado un dígito.

5. Dividir el número entre 10
numero = numero / 10;

Al dividir el número entre 10, su valor se hace cada vez más pequeño. Cuando el resultado llega a ser menor que 1, el ciclo termina.

Por ejemplo, si el número es 1234:

Iteración Valor de número Contador
Inicio 1234 0
1 123.4 1
2 12.34 2
3 1.234 3
4 0.1234 4

Como el número ya es menor que 1, el ciclo finaliza.

6. Mostrar el resultado
document.write(`El número tiene ${contador} dígitos.`);

Finalmente, document.write() muestra en la página la cantidad de dígitos que tiene el número ingresado.

Resultado

Si el usuario escribe:

98765

El programa mostrará:

El número tiene 5 dígitos.

Resumen

  • Se pide un número al usuario.
  • Se crea un contador en cero.
  • El ciclo while se repite mientras el número sea mayor o igual que 1.
  • En cada repetición el contador aumenta en uno.
  • El número se divide entre 10 para ir eliminando un dígito en cada vuelta.
  • Cuando el número es menor que 1, el ciclo termina.
  • Se muestra la cantidad total de dígitos.

Código del ejercicio: Con propiedad length

<!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 numero = prompt('Introduzca un número');
        let contador = parseInt(numero.length);
        document.write(`El número tiene ${contador} dígitos.`);
    </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.
length --> la propiedad length devuelve la longitud de una cadena.
prompt() --> muestra un cuadro de diálogo con mensaje opcional, que solicita al usuario que introduzca un texto.
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.
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:

Este programa solicita al usuario que escriba un número. Después cuenta cuántos caracteres tiene ese número utilizando la propiedad length y finalmente muestra la cantidad de dígitos en la página.

Explicación de cada línea del código

Código Explicación
let numero = prompt('Introduzca un número'); Muestra una ventana para que el usuario escriba un número. El valor ingresado se guarda en la variable numero como texto.
let contador = parseInt(numero.length); La propiedad length cuenta cuántos caracteres tiene el texto ingresado. Ese valor se convierte en un número entero con parseInt() y se guarda en la variable contador.
document.write(`El número tiene ${contador} dígitos.`); Muestra el resultado en la página utilizando el valor almacenado en contador.

Funcionamiento del programa

Paso 1: El usuario escribe un número.

Paso 2: El programa cuenta cuántos caracteres tiene ese número mediante length.

Paso 3: La cantidad de dígitos se guarda en la variable contador.

Paso 4: Se muestra un mensaje indicando cuántos dígitos tiene el número ingresado.

Ejemplo:

Si el usuario escribe: 45892

El programa cuenta los caracteres: 5

Resultado mostrado: El número tiene 5 dígitos.

No hay comentarios.:

Publicar un comentario

Encontrar todas las posiciones de un carácter x de una cadena en Python

Código del ejercicio: s = input ( "Ingresar texto: " ) x = input ( "Ingresar carácter: ...

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