Código del ejercicio:
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.
<textarea></textarea> --> define un control de entrada de texto de varias líneas.
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.
parseInt() --> analiza un valor como una cadena y devuelve el primer entero.
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.
.push() --> agrega uno o más elementos al final de un array y devuelve la nueva longitud del array.
++ --> el operador de incremento ( ++ ) incrementa (suma uno a) su operando y devuelve un valor.
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:
📌 ¿Qué hace el programa?
Este programa genera una serie de números cuadrados perfectos: 1², 2², 3², 4², 5², 6²...
📌 Explicación del HTML
El HTML crea un formulario donde el usuario ingresa un número, un botón para ejecutar la función y un área de texto donde se muestra el resultado.
📌 Explicación del JavaScript
Primero se obtiene el valor ingresado por el usuario.
Luego se inicializa un ciclo while.
En cada iteración se calcula el cuadrado de un número.
Los resultados se almacenan en un arreglo y se muestran al final.
💻 Código JavaScript
function mostrar(){
let n = parseInt(document.getElementById('numero').value);
let t = [], n1 = 1, c = 1;
while(n1 <= n){
t.push(n1);
c++;
n1 = c * c;
}
document.getElementById('resultado').value = t;
}
📌 Resumen
El programa genera números cuadrados perfectos hasta el valor ingresado y los muestra en pantalla de forma automática.
Código del ejercicio: Otra forma de hacer
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.
<textarea></textarea> --> define un control de entrada de texto de varias líneas.
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.
parseInt() --> analiza un valor como una cadena y devuelve el primer entero.
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.
.push() --> agrega uno o más elementos al final de un array y devuelve la nueva longitud del array.
++ --> el operador de incremento ( ++ ) incrementa (suma uno a) su operando y devuelve un valor.
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:
📌 ¿Qué hace este programa?
Este programa genera la serie de números cuadrados: 1, 4, 9, 16, 25, 36... multiplicando cada número por sí mismo.
📌 HTML
Se utiliza un formulario con un campo numérico para ingresar la cantidad de números y un área de texto para mostrar el resultado.
📌 JavaScript
La función mostrar() obtiene el número ingresado, luego usa un ciclo para calcular los cuadrados y los guarda en un arreglo.
📌 Código principal
function mostrar(){
let n = parseInt(document.getElementById('numero').value);
let t = [], c = 1;
for (let n1 = 1; n1 <= n; n1 = c * c) {
t.push(n1);
c++;
}
document.getElementById('resultado').value = t;
}
No hay comentarios.:
Publicar un comentario