martes, 4 de marzo de 2025

Uso de la estructura de control switch para la traducción de números al inglés

 En la siguiente página se enseñará la implementación del switch para detectar y convertir números en su versión inglesa escrita. Por ejemplo, al detectar un 1 lo convertirá en "one" y le devolverá esta palabra al usuario.

Código:

<html>

<head>

<title>Números Inglés</title>

</head>

<script>

function procesar()

{

var v_num = document.getElementById("Numero").value;

switch(v_num)

{

case "1":

Resultado.value="One";

break;

case "2":

Resultado.value="Two";

break;

case "3":

Resultado.value="Three";

break;

case "4":

Resultado.value="Four";

break;

case "5":

Resultado.value="Five";

break;

case "6":

Resultado.value="Six";

break;

case "7":

Resultado.value="Seven";

break;

case "8":

Resultado.value="Eight";

break;

case "9":

Resultado.value="Nine";

break;

case "10":

Resultado.value="Ten";

break;

default:

alert("Número no registrado");

break;

}

}

</script>

<body bgcolor=lightgreen>

<b><h2>PROGRAMA NÚMEROS EN INGLÉS</b></h2><p>

Ingrese un Número del 1 al 10:

<input type="text" name="Numero" id="Numero"><p>

Resultado en Inglés:

<input type="text" name="Resultado" id="Resultado"><p>

<input type="button" value="Procesar" Onclick="procesar()">

</body>

</html>

Funcionalidad de la Página:



Vectores en Javascript

En JavaScript, los vectores son implementados mediante la estructura de datos llamada Array. Un array es una colección de valores que pueden ser de diferentes tipos, como números, cadenas de texto, objetos, etc. Cada elemento del array tiene un índice o posición que comienza desde cero, lo que facilita el acceso y la manipulación de los datos.

Características de los Arrays en JavaScript


Declaración: Los arrays se pueden declarar de varias maneras:

Usando el constructor new Array(size), donde size es el número de elementos que tendrá el array.


Usando el constructor new Array(element1, element2, ...), donde se especifican los elementos directamente.


Usando la notación de corchetes [], que es la forma más común y preferida. Por ejemplo: let miArray =[1][2][3];.


Tipos de Datos: Los arrays pueden contener diferentes tipos de datos en cada posición, como números, cadenas, objetos, incluso otros arrays.


Índices: Los arrays se indexan desde cero, lo que significa que el primer elemento está en la posición 0, el segundo en la posición 1, y así sucesivamente.


Métodos: JavaScript ofrece una amplia variedad de métodos para manipular arrays, como push, pop, filter, map, entre otros.

Intersección y Diferencia: Se pueden realizar operaciones como la intersección y la diferencia entre dos arrays utilizando métodos como filter() y includes().


En resumen, los vectores en JavaScript son arrays que permiten almacenar y manipular colecciones de datos de manera eficiente, utilizando una amplia gama de métodos y técnicas para realizar operaciones complejas.


Uso del bucle if para la detección de palíndromos

 El programa que se enseñará a continuación verificará si el texto ingresado es un palíndromo. ¿Qué es un palíndromo?. Un palíndromo es una palabra o frase que se lee igual en un sentido que en el otro​. Si se trata de números en lugar de letras, se llama capicúa.​​Habitualmente, los palíndromos se resienten en su significado cuanto más largas son.

El método que utiliza la palabra para detectar esto es la implementación de un for reverso cuyos parámetros provocan que inicien en el final y finalicen en el inicio, guardando así el string volteado para luego compararlo con el ingresado y si ambos son iguales, da respuesta positiva a la detección de palíndromo, notificándoselo al usuario.

Código:

<html>

<head>

<title>Palíndromo</title>

</head>

<script>

function procesar()

{

var v_texto = document.getElementById("texto").value;

n = v_texto.length;

res = "";

for(i=n-1;i>=0;i--)

{

c = v_texto.charAt(i);

res = res + c;

}

resultado.value=res;

if(v_texto == res)

{

alert("Su texto es un palíndromo");

}

else

{

alert("Su texto NO es un palíndromo");

}

}

</script>

<body bgcolor=lightgreen>

<h1><b><center>PROGRAMA VERIFICAR PALÍNDROMOS</h1></b></center><p>

<center>Ingrese Texto:

<input type="text" name="texto" id="texto"><p>

Resultado:

<input type="text" name="resultado" id="resultado"><p>

<input type="button" value="Procesar" Onclick="procesar()"></center>

</body>

</html>

Funcionalidad de la Página:






 

Uso del bucle for y la condicional if para la comprobación y traducción de números a letras

 En la siguiente página se hace uso del switch en diferentes casos para transformar los números ingresados en letras y devolverlos como un texto legible. Se utilizan casos especiales para números como el 11 o 12 donde se verifica el número anterior al procesado y en caso de detectar un caso especial, cambia el resultado que brinda.

Código:

<html>

<head>

<title>PÁGINA TRADUCIR NÚMEROS</title>

</head>

<body bgcolor="lightgreen">

<center><b><h1>PÁGINA PASAR NÚMEROS A LETRAS</h1>

Ingrese Número:

<input type="text" name="numero" id="numero"><p>

Letras:

<input type="text" name="letras" id="letras"><p>

<input type="button" value="Procesar" Onclick="Procesar()">

</b></center>

</body>

<script>

function Procesar()

{

var v_numero = document.getElementById("numero").value;

n = v_numero.length;

k = 1;

res = "";

for(i=n-1;i>=0;i--)

{

c = v_numero.charAt(i);

if(k==1)

{

switch(c)

{

case "1":

res = "uno";

break;

case "2":

res = "dos";

break;

case "3":

res = "tres";

break;

case "4":

res = "cuatro";

break;

case "5":

res = "cinco";

break;

case "6":

res = "seis";

break;

case "7":

res = "siete";

break;

case "8":

res = "ocho";

break;

case "9":

res = "nueve";

break;

}

}

if(k == 2)

{

switch(c)

{

case "1":

switch(res)

{

case "":

res = "diez";

break;

case "uno":

res = "once";

break;

case "dos":

res = "doce";

break;

case "tres":

res = "trece";

break;

case "cuatro":

res = "catorce";

break;

case "cinco":

res = "quince";

break;

default: 

res = "dieci" + res;

break;

}

break;

case "2":

switch(res)

{

case "":

res = "veinte";

break;

default:

res = "veinti"+res;

break;

}

break;

case "3":

switch(res)

{

case "":

res = "treinta";

break;

default:

res = "treinta y "+res;

break;

}

break;

case "4":

switch(res)

{

case "":

res = "cuarenta";

break;

default:

res = "cuarenta y "+res;

break;

}

break;

case "5":

switch(res)

{

case "":

res = "cincuenta";

break;

default:

res = "cincuenta y "+res;

break;

}

break;

case "6":

switch(res)

{

case "":

res = "sesenta";

break;

default:

res = "sesenta y "+res;

break;

}

break;

case "7":

switch(res)

{

case "":

res = "setenta";

break;

default:

res = "setenta y "+res;

break;

}

break;

case "8":

switch(res)

{

case "":

res = "ochenta";

break;

default:

res = "ochenta y "+res;

break;

}

break;

case "9":

switch(res)

{

case "":

res = "noventa";

break;

default:

res = "noventa y "+res;

break;

}

break;

}

}

if(k == 3)

{

switch(c)

{

case "1":

switch(res)

{

case "":

res = "cien";

break;

default:

res = "ciento " + res;

break;

}

break;

case "2":

res = "doscientos "+res;

break;

case "3":

res = "trescientos "+res;

break;

case "4":

res = "cuatrocientos "+res;

break;

case "5":

res = "quinientos "+res;

break;

case "6":

res = "seiscientos "+res;

break;

case "7":

res = "setecientos "+res;

break;

case "8":

res = "ochocientos "+res;

break;

case "9":

res = "novecientos "+res;

break;

}

}

if(k == 4)

{

switch(c)

{

case "1":

res = "un mil "+res;

break;

case "2":

res = "dos mil "+res;

break;

case "3":

res = "tres mil "+res;

break;

case "4":

res = "cuatro mil "+res;

break;

case "5":

res = "cinco mil "+res;

break;

case "6":

res = "seis mil "+res;

break;

case "7":

res = "siete mil "+res;

break;

case "8":

res = "ocho mil "+res;

break;

case "9":

res = "nueve mil "+res;

break;

}

}

k++;

}

letras.value=res;

}

</script>

</html>

Funcionalidad de la Página:



Uso del bucle for y la condicional if junto a las funciones de texto para la detección y eliminación de caracteres especiales

 La página que se enseñará a continuación tiene la función de aplicar un filtro ante el texto ingresado, eliminando números y caracteres especiales como: &, %, (), etc. Y devolviendo el string corregido.

En este caso procesa dos casos, un nombre en el cual filtra las letras de la A a la Z, mayúsculas y minúsculas. Excluye números y caracteres especiales. En el otro caso se procesa un número telefónico permitiéndole el paso a los número del 0 al 9 y excluyendo letras y caracteres especiales.

Código:

<html>
    <head>
        <title>
        Eliminación Caracteres
        </title>
    </head>
    <body bgcolor=lightgreen>
    <form name="form1" method="post" action="">
    <center><b><h1>PÁGINA - ELIMINACIÓN CARACTERES ESPECIALES</h1></b>
    Ingrese Nombre:
    <input type="text" name="nombre" id="nombre"><p>
    Resultado:
    <input type="text" name="resultado" id="resultado"><p>
    Teléfono:
    <input type="text" name="telefono" id="telefono"><p>
    Resultado:
    <input type="text" name="Resultado" id="Resultado"><p>
    <input type="button" value="Procesar" Onclick="Procesar()">
    </center>
    </form>
    </body>
    <script>
        function Procesar()
        {
            var v_texto = document.getElementById("nombre").value;
            var v_num = document.getElementById("telefono").value;
            var n = v_texto.length;
            var m = v_num.length;
            res = "";
            resd = "";
            for(i=0;i<n;i++)
            {
                c=v_texto.charAt(i);
                if(c>="A"&&c<="Z")
                {
                    res = res+c;
                }
                if(c>="a"&&c<="z")
                {
                    res = res+c;
                }
                if(c==" ")
                {
                    break;
                }
            }
            for(j=0;j<m;j++)
            {
                d=v_num.charAt(j);
                if(d>="0"&&d<="9")
                {
                    resd = resd + d;
                }
            }
            resultado.value=res;
            Resultado.value=resd;
        }
    </script>
</html>

Funcionalidad de la Página:



Uso de funciones de texto, operadores monarios y variables separadas para el conteo de vocales de manera individual

 La página mostrada a continuación, similar a la anterior, cuenta las vocales de manera individual utilizando procesos lógicos separados para la detección y filtración de las vocales agrupando cada una ya sea mayúscula o minúscula en su variable respectiva.

Código:

<html>

<head>

<title>Contar Vocales</title>

</head>

<script>

function procesar()

{

var v_texto = document.getElementById("texto").value;

n = v_texto.length;

var totala = 0;

var totale = 0;

var totali = 0;

var totalo = 0;

var totalu = 0;

var sw = 0;

for(i=0;i<n;i++)

{

c = v_texto.charAt(i);

if(c=="a")

{

totala++;

sw++;

}

if(c=="e")

{

totale++;

sw++;

}

if(c=="i")

{

totali++;

sw++;

}

if(c=="o")

{

totalo++;

sw++;

}

if(c=="u")

{

totalu++;

sw++;

}

if(c=="A")

{

totala++;

sw++;

}

if(c=="E")

{

totale++;

sw++;

}

if(c=="I")

{

totali++;

sw++;

}

if(c=="O")

{

totalo++;

sw++;

}

if(c=="U")

{

totalu++;

sw++;

}

numa.value=totala;

nume.value=totale;

numi.value=totali;

numo.value=totalo;

numu.value=totalu;

}

if(sw==0)

{

alert("No existen vocales");

}

}

</script>

<body bgcolor=lightgreen>

<h1><b><center>PROGRAMA CONTAR VOCALES</h1></b></center><p>

<center>Ingrese Texto:

<input type="text" name="texto" id="texto"><p>

Número de Letras A:

<input type="text" name="na" id="numa"><p>

Número de Letras E:

<input type="text" name="ne" id="nume"><p>

Número de Letras I:

<input type="text" name="ni" id="numi"><p>

Número de Letras O:

<input type="text" name="no" id="numo"><p>

Número de Letras U:

<input type="text" name="nu" id="numu"><p>

<input type="button" value="Procesar" Onclick="procesar()"></center>

</body>

</html>

Funcionalidad de la Página:



Uso de las funciones de texto, bucle for, operadores monarios y condicionales if para el conteo general de vocales dentro de un texto

 La página del siguiente ejemplo es una que utiliza las funciones de manejo de strings para contabilizar mediante un filtro lógico las vocales presentes en el texto que se ingrese.

Código:

<html>

<head>

<title>Contar Vocales</title>

</head>

<script>

function procesar()

{

var v_texto = document.getElementById("texto").value;

n = v_texto.length;

var total = 0;

var sw = 0;

for(i=0;i<n;i++)

{

c = v_texto.charAt(i);

if(c=="a"||c=="e"||c=="i"||c=="o"||c=="u")

{

total++;

sw++;

}

if(c=="A"||c=="E"||c=="I"||c=="O"||c=="U")

{

total++;

sw++;

}

resultado.value=total;

}

if(sw==0)

{

alert("No existen vocales");

}

}

</script>

<body bgcolor=lightgreen>

<h1><b><center>PROGRAMA CONTAR VOCALES</h1></b></center><p>

<center>Ingrese Texto:

<input type="text" name="texto" id="texto"><p>

Número de Vocales:

<input type="text" name="vocales" id="resultado"><p>

<input type="button" value="Procesar" Onclick="procesar()"></center>

</body>

</html>

Funcionalidad de la Página:



martes, 25 de febrero de 2025

Inserción Curricular #3

Educación Financiera

El poder adquisitivo se refiere a la capacidad de una persona, empresa o país para adquirir bienes y servicios con una cantidad determinada de dinero. Este poder está influenciado por diversos factores que pueden aumentar o disminuir el valor real del dinero. A continuación, se detallan los principales elementos que afectan el poder adquisitivo:

1. Inflación

La inflación es el aumento generalizado y sostenido de los precios de bienes y servicios en una economía durante un período de tiempo. Cuando la inflación es alta, el poder adquisitivo disminuye, ya que con la misma cantidad de dinero se pueden comprar menos bienes y servicios. Por ejemplo, si la inflación anual es del 3%, un artículo que costaba $100 el año anterior ahora costará $103, reduciendo la cantidad de productos que se pueden adquirir con el mismo ingreso.

2. Tipos de Cambio

Los tipos de cambio determinan el valor de una moneda en relación con otra. Las fluctuaciones en los tipos de cambio afectan el poder adquisitivo, especialmente en economías dependientes de importaciones. Si la moneda local se devalúa frente a otras, los productos importados se encarecen, disminuyendo el poder adquisitivo de los consumidores locales. Por ejemplo, una devaluación del peso ecuatoriano frente al dólar encarecería los productos importados, reduciendo la capacidad de compra de los ecuatorianos.

3. Niveles de Ingreso y Empleo

El nivel de ingresos y la tasa de empleo son determinantes clave del poder adquisitivo. A medida que los salarios aumentan y más personas están empleadas, la capacidad de consumo de la población se incrementa. Por el contrario, salarios estancados o altas tasas de desempleo reducen el poder adquisitivo, limitando el acceso a bienes y servicios. Por ejemplo, en España, aunque la productividad ha crecido, los salarios no han aumentado al mismo ritmo, afectando negativamente el poder adquisitivo de los trabajadores

cincodias.elpais.com

.

4. Tasas de Interés

Las tasas de interés influyen en el costo del crédito y en el rendimiento de los ahorros. Tasas de interés altas encarecen los préstamos, desincentivando el consumo y la inversión, mientras que tasas bajas pueden fomentar el endeudamiento y el gasto. Además, las tasas de interés afectan el retorno de las inversiones y los ahorros, impactando el ingreso disponible y, por ende, el poder adquisitivo. Por ejemplo, en Estados Unidos, la Reserva Federal ha mantenido las tasas de interés sin cambios a pesar de las presiones inflacionarias, afectando las decisiones de consumo e inversión de los ciudadanos

elpais.com

.

5. Impuestos

La carga impositiva directa e indirecta influye en el ingreso disponible de los individuos y empresas. Impuestos elevados reducen el dinero que las personas pueden destinar al consumo, disminuyendo su poder adquisitivo. Por ejemplo, un aumento en el Impuesto al Valor Agregado (IVA) encarece los productos y servicios, reduciendo la capacidad de compra de los consumidores.

6. Oferta y Demanda de Bienes y Servicios

La oferta y demanda determinan los precios en una economía de mercado. Si la demanda de un bien supera su oferta, los precios tienden a subir, afectando el poder adquisitivo. Por ejemplo, una disminución en la producción de huevos en Estados Unidos llevó a un aumento del 15,2% en su precio, impactando el costo de vida de los consumidores

elpais.com

.

7. Crecimiento Económico

El crecimiento económico sostenido suele estar asociado con mejoras en el poder adquisitivo, ya que implica mayor producción, empleo e ingresos. Sin embargo, si el crecimiento no es inclusivo o está acompañado de alta inflación, los beneficios pueden no reflejarse en un aumento real del poder de compra de la población. Por ejemplo, en Argentina, la implementación de políticas económicas ortodoxas ha logrado una desaceleración de la inflación, lo que ha sido bien recibido por los mercados y ha mejorado el poder adquisitivo de los ciudadanos

reuters.com

.

Comprender estos factores es esencial para evaluar la salud económica de una nación y para que individuos y empresas tomen decisiones financieras informadas. Mantener un equilibrio entre estos elementos puede contribuir a la estabilidad y mejora del poder adquisitivo en una economía.

Uso de la función de texto length para el conteo de caracteres de un texto

 La página que se mostrará a continuación lo que hace es tomar el string que el usuario ingrese y mediante el parámetro .length, contar los caracteres y posteriormente devolver este número al usuario.

Código:

<html>
<script>
function calcular()
{
var v_texto = document.getElementById("texto").value;
var v_resultado = document.getElementById("resultado").value;
n = v_texto.length;
document.getElementById("resultado").value=n;
}
</script>
<body bgcolor=lightgreen>
<form name="form1" method="post" action="">
<center>
<h2>FUNCIONES TEXTO - CONTAR CARACTERES</h2>
<h3>
TEXTO: 
<input type="text" name="texto" id="texto"><p>
RESULTADO:
<input type="text" name="resultado" id="resultado" placeholder="Resultado"><p>
<input type="button" onclick="calcular()" name="r" id="r" value="Procesar"><p>
</h3>
</center>
</form>
</body>
</html>

Funcionalidad de la Página:


Cada caracter cuenta, incluso los espacios en blanco.


Strings



El objeto String se utiliza para representar y manipular una secuencia de caracteres.

Las cadenas son útiles para almacenar datos que se pueden representar en forma de texto. Algunas de las operaciones más utilizadas en cadenas son verificar su length, para construirlas y concatenarlas usando operadores de cadena + y +=, verificando la existencia o ubicación de subcadenas con indexOf() o extraer subcadenas con el método substring().

En los siguientes programas se trabajará con .length() el cual es un parámetro que extrae el número de caracteres que posee el string y con .charAt() el cual es otro parámetro encargado de tomar el caracter de la posición que se le indique.



Inserción Curricular #2

Educación para el Desarrollo Sostenible


1. Análisis Crítico de las Políticas sobre Movilidad Humana


Las políticas de movilidad humana varían entre países y regiones, reflejando diferencias en la protección de los derechos de los migrantes y refugiados. En general, se pueden identificar tres enfoques principales:


Enfoque Restrictivo: Implementado por países que endurecen sus fronteras y limitan la entrada de migrantes y refugiados, como en algunos estados de Europa y EE.UU. Estas medidas suelen generar vulnerabilidad y violaciones a los derechos humanos.

Enfoque Humanitario: Adoptado por organismos internacionales como la ONU y ACNUR, y algunos países de América Latina y Europa, busca garantizar derechos básicos a los migrantes, promoviendo protección y asistencia.

Enfoque de Integración: Se observa en naciones con políticas activas de inclusión, como Canadá y Alemania, que facilitan la inserción laboral, la educación y la seguridad social para los migrantes.

Si bien organismos como la ONU, ACNUR y la OIM han promovido acuerdos como el Pacto Mundial sobre Migración Segura, Ordenada y Regular, la implementación de estos instrumentos no siempre es efectiva, ya que depende de la voluntad política de cada país.



2. Retos y Problemas en las Políticas Actuales


Criminalización y discriminación: Muchos países asocian la migración con problemas de seguridad, promoviendo discursos xenofóbicos.

Barreras burocráticas: Excesivos trámites impiden el acceso a documentación legal, empleo y educación.

Condiciones precarias: Muchos migrantes y refugiados enfrentan explotación laboral, falta de vivienda y dificultades en el acceso a salud y educación.

Falta de cooperación internacional: Aunque existen acuerdos globales, la falta de coordinación entre países dificulta una respuesta efectiva.

3. Propuestas para la Protección e Integración Sostenible de los Migrantes y Refugiados


Para garantizar la equidad social y la integración de los migrantes en las comunidades receptoras, se proponen las siguientes acciones:



A nivel local:

Crear programas de inserción laboral con incentivos para empleadores.

Facilitar el acceso a educación y servicios de salud sin discriminación.

Implementar campañas contra la xenofobia y promover la convivencia intercultural.

A nivel regional:

Armonizar políticas migratorias entre países vecinos para facilitar la movilidad segura.

Desarrollar sistemas de reconocimiento de títulos académicos para evitar la sobrecualificación.

Establecer acuerdos de cooperación entre gobiernos y empresas para fomentar la inclusión económica.

A nivel global:


Fortalecer el cumplimiento de tratados internacionales sobre derechos de migrantes.

Aumentar el financiamiento de organismos como ACNUR para apoyar la asistencia humanitaria.

Promover políticas de reasentamiento y protección internacional para refugiados en situación de riesgo.

Conclusión



Para garantizar la equidad social en la movilidad humana, es fundamental que las políticas nacionales e internacionales prioricen la protección de los derechos de los migrantes y refugiados. La integración sostenible requiere la cooperación entre gobiernos, sociedad civil y organismos internacionales, promoviendo medidas que favorezcan la inclusión social, laboral y cultural de las personas en movilidad.