1ro Programación Anual D.P.C.C planificación anual del área para el desarroll...
Guía De Ejercicios Programación Web Básica
1. Aula Virtual de Electiva II
Prácticas de la Unidad 1
Ing. Ricardo Tillero
GUIA DE EJERCICIOS PROGRAMACIÓN WEB BASICA
Utilizando los conocimientos adquiridos en las clases virtuales de la Unidad 1 de Electiva II, realice
la siguiente Guía de Ejercicios de Programación Web Básica, bajo HTML, CSS y JavaScript. Se
deben generar dos soluciones para cada ejercicio cumpliendo las siguientes indicaciones:
1. Primera solución: Se desarrollara codificando el JavaScript dentro del BODY del index.html.
2. Segunda solución: Se desarrollara codificando dentro del BODY del index.html, los INPUT
para los datos de entrada, y un botón para llamar la función JavaScript que realizara los cálculos,
y que se codificara en una archivo externo miFuncion.js.
3. Para ambas soluciones usar document.write(), para mostrar por pantalla las salidas
correspondientes.
4. La página Web debe ser programada en HTML y CSS.
5. La programación Web dinámica debe codificarse en JavaScript básico.
6. No debe usarse ningún Framework de HTML, CSS o JavaScript, su uso anula la parte práctica.
7. La programación JavaScript debe cumplir con la Programación Modular Estructurada, utilizando
funciones y estructuras de control básicas.
EJERCICIOS:
Operaciones básicas, Tipos de datos, Prompt y Alert:
1. Escribir un programa que muestre un prompt donde el usuario ingresa un número, luego muestra
otro prompt pidiendo otro número, finalmente el programa muestra una alerta con el resultado
de la suma.
2. Crear un programa donde el usuario ingrese en un prompt la temperatura en Celcius y el
programa muestre en una alerta la temperatura en Fahrenheit.
3. Pedir un número a un usuario a través de un prompt y luego dividirlo por 10, ejemplo: 5 / 10
igual 0.5
4. Si a = [1,2,3] crear un script que determine de muestre un alert del tipo de dato de a.
Utilizando if and else:
1. Crear un programa que determine si un número introducido en un Prompt es par o no, la respuesta
será mostrada en una alerta.
2. Crear un programa que determine si un número introducido en un Prompt es divisible por 5 o
no, mostrar el resultado con console.log
3. Crear un programa que determine si un número introducido en un popup es divisible por 11 y 5
o no, mostrar el resultado con console.log
4. Crear un programa que le pida al usuario dos números en un Prompt y luego muestre en un alerta
el número mayor.
5. Crear un programa que le pida al usuario primero un número a través de un prompt y luego un
segundo número, para luego mostrar en un alerta el número mayor.
6. Crear un programa que determine si un string introducido por un usuario empieza con un número
o con una letra.
2. Aula Virtual de Electiva II
Prácticas de la Unidad 1
Ing. Ricardo Tillero
7. Crear un programa donde se introduzcan los tres ángulos internos de un triángulo y se determine
si el triángulo es válido o no.
8. Determinar si una palabra empieza con mayúscula o no.
9. Determinar si un año dado es bisiesto.
10. Escribir un programa JavaScript en el que el programa escoge al azar un entero entre 1 y 10, el
usuario, luego al usuario se le pedirá que introduzca un número en un popup para intentar
adivinarlo. Si la entrada del usuario coincide con el número de conjetura, el programa mostrará
un mensaje de "buen trabajo" de lo contrario mostrará un mensaje de "No corresponde".
Utilizando estructuras repetitivas o cíclicas:
1. Mostrar todos los números de 1 a n aumentando de 1 en 1 donde n lo ingresa el usuario en un
prompt.
2. Mostrar todos los números de 1 a N aumentando de 2 en 2 donde n lo ingresa el usuario en un
prompt.
3. Mostrar todos los números de N a 1 disminuyendo de 1 en 1 donde n lo ingresa el usuario en un
prompt.
4. Escribir utilizando console.log la tabla del 9 hasta 9x10.
5. Pedir al usuario que ingrese un número en un prompt, hacer la suma de todos los dígitos, validar
que el número ingresado no contenga letras.
6. Realizar la suma de todos los números pares entre N y M donde N y M los ingresa un usuario.
7. Realizar la sumatoria de los primeros N números, donde N es ingresado por el usuario.
8. Realizar el factorial de los primeros N números.
9. Mostrar todos los números de 1 a n aumentando de 1 en 1 donde n lo ingresa el usuario en un
prompt.
10. Mostrar todos los números de 1 a N aumentando de 2 en 2 donde n lo ingresa el usuario en un
prompt.
11. Mostrar todos los números de N a 1 disminuyendo de 1 en 1 donde n lo ingresa el usuario en un
prompt.
12. Escribir utilizando console.log la tabla del 9 hasta 9x10.
13. Pedir al usuario que ingrese un número en un prompt, hacer la suma de todos los dígitos, validar
que el número ingresado no contenga letras.
14. Realizar la suma de todos los números pares entre N y M donde N y M los ingresa un usuario.
15. Realizar la sumatoria de los primeros N números, donde N es ingresado por el usuario.
16. Realizar el factorial de los primeros N números.
Utilizando estructuras repetitivas o cíclicas, para construir patrones gráficos:
1. Cuadrado lleno:
*****
*****
*****
*****
*****
3. Aula Virtual de Electiva II
Prácticas de la Unidad 1
Ing. Ricardo Tillero
2. Cuadrado hueco:
*****
* *
* *
* *
*****
3. Pirámide derecha:
*
**
***
****
*****
4. Pirámide Izquierda:
*
**
***
****
*****
5. Pirámide centrada
*
***
*****
*******
*********
6. Pirámide invertida
*********
*******
*****
***
*
7. Diamante:
*
***
*****
*******
*********
*******
*****
***
*
Utilizando array:
1. Dado el array = [1,2,3,4,5,6]
a. Iterar por todos los elementos dentro de un array utilizando while y mostrarlos en pantalla.
b. Iterar por todos los elementos dentro de un array utilizando for y mostrarlos en pantalla.
c. Iterar por todos los elementos dentro de un array utilizando .forEach y mostrarlos en
pantalla.
4. Aula Virtual de Electiva II
Prácticas de la Unidad 1
Ing. Ricardo Tillero
d. Mostrar todos los elementos dentro de un array sumándole uno a cada uno.
e. Generar una copia de un array pero con todos los elementos incrementado en 1.
f. Calcular el promedio
2. Crear un array vacío, luego generar 20 números al azar y guardarlos en un array.
3. Crear un array vacío, luego generar N números al azar y guardarlos en un array, N es introducido
por el usuario a través de un prompt.
4. Dado un array que contiene ["azul", "amarillo", "rojo", "verde", "café", "rosa"] determinar si un
color introducido por el usuario a través de un prompt se encuentra dentro del array o no.
5. Crear un array llamado meses y que almacene el nombre de los doce meses del año. Mostrar por
pantalla los doce nombres.
6. A partir del siguiente array que se proporciona: var valores = [true, 5, false, "hola", "adios", 2]:
a. Determinar cuál de los dos elementos de texto es mayor.
b. Utilizando exclusivamente los dos valores booleanos del array, determinar los operadores
necesarios para obtener un resultado true y otro resultado false.
c. Determinar el resultado de las cinco operaciones matemáticas realizadas con los dos
elementos numéricos.
Varios:
1. Escribe un programa de una sola línea que haga que aparezca en la pantalla un alert que diga
“Hello World”.
2. Escribe un programa de una sola línea que escriba en la pantalla un texto que diga “Hello World”
(document.write).
3. Escribe un programa de una sola línea que escriba en la pantalla el resultado de sumar 3 + 5.
4. Escribe un programa de dos líneas que pida el nombre del usuario con un prompt y escriba un
texto que diga “Hola nombreUsuario”
5. Escribe un programa de tres líneas que pida un número, pida otro número y escriba el resultado
de sumar estos dos números.
6. Escribe un programa que pida dos números y escriba en la pantalla cual es el mayor.
7. Escribe un programa que pida 3 números y escriba en la pantalla el mayor de los tres.
8. Escribe un programa que pida un número y diga si es divisible por 2
9. Escribe un programa que pida una frase y escriba cuantas veces aparece la letra a
10. Escribe un programa que pida una frase y escriba las vocales que aparecen
11. Escribe un programa que pida una frase y escriba cuántas de las letras que tiene son vocales
12. Escribe un programa que pida una frase y escriba cuántas veces aparecen cada una de las vocales
13. Escribe un programa que pida un número y nos diga si es divisible por 2, 3, 5 o 7 (sólo hay que
comprobar si lo es por uno de los cuatro)
14. Añadir al ejercicio anterior que nos diga por cuál de los cuatro es divisible (hay que decir todos
por los que es divisible)
15. Escribir un programa que escriba en pantalla los divisores de un número dado
16. Escribir un programa que escriba en pantalla los divisores comunes de dos números dados
17. Escribir un programa que nos diga si un número dado es primo (no es divisible por ninguno otro
número que no sea él mismo o la unidad)
5. Aula Virtual de Electiva II
Prácticas de la Unidad 1
Ing. Ricardo Tillero
18. El factorial de un número entero n es una operación matemática que consiste en multiplicar todos
los factores n x (n-1) x (n-2) x...x 1. Así, el factorial de 5 (escrito como 5!),es igual a: 5! = 5 x 4
x 3 x 2 x 1 = 120. Utilizando la estructura for, crear un script que calcule el factorial de un
número entero.
19. Escribir el código de una función a la que se pasa como parámetro un número entero y devuelve
como resultado una cadena de texto que indica si el número es par o impar. Mostrar por pantalla
el resultado devuelto por la función.
20. Definir una función que muestre información sobre una cadena de texto que se le pasa como
argumento. A partir de la cadena que se le pasa, la función determina si esa cadena está formada
sólo por mayúsculas, sólo por minúsculas o por una mezcla de ambas.
21. Definir una función que determine si la cadena de texto que se le pasa como parámetro es un
palíndromo, es decir, si se lee de la misma forma desde la izquierda y desde la derecha. Ejemplo
de palíndromo complejo: "La ruta nos aportó otro paso natural".
22. Escribir un script que simule el lanzamiento de dos dados. Hacer uso de la
función Math.random para obtener números aleatorios entre 1 y 6 para cada uno de los
lanzamientos de los dados. Sumar el resultado de lanzar dos dados y anotar en un array el número
de apariciones de dicha suma, repitiendo 36.000 veces esta operación.
23. El usuario ingrese un string con varias palabras separadas por coma en un popup y se deben
convertir en un array, (el usuario ingresa: "1, 2, 3, 4, 5" y se convierte en [1, 2, 3, 4, 5]).
24. Convertir un array ingresado dentro del código en un string (existe un método en javascript para
hacerlo).
25. Existen dos arrays, cada uno con 5 palabras, generar un nuevo array con la intersección de ambos
elementos. (Ejemplo: [1, 2, 3] unión [1, 2, 4] = [1, 2].
26. Existen dos arrays, cada uno con 5 palabras, generar un nuevo array con la unión de ambos
elementos, (Ejemplo: [1, 2, 3] unión [1, 2, 4] = [1, 1, 2, 2, 3, 4].
27. El usuario ingresa dos conjuntos de números separados por coma, el programa debe determinar
si ambos conjuntos tienen la misma cantidad de números.
28. El usuario ingresa dos conjuntos de números separados por coma, si ambos conjuntos tienen la
misma cantidad de elementos mostrar un arreglo que contenga la suma de cada elemento.
(Ejemplo: [1, 2, 3] + [2, 3, 4] = [3, 5, 7]).
29. Crear una función que reciba un arreglo y que cree uno nuevo con todos los elementos ordenados
de menor a mayor.
30. Crear una función que reciba un arreglo y que cree uno nuevo con todos los elementos ordenados
de mayor a menor.
31. Crear una función que permite aplanar un arreglo dado, Ejemplo:
var arr = [[1,2,3],[4,5,6],[7,8,9]];
console.log(aplanar(arr)); // [1,2,3,4,5,6,7,8,9]
32. Crear una función que divida un arreglo en dos partes con la misma cantidad de elementos (o
una diferencia de máximo un elemento) y devuelva un arreglo que contenga al grupo1 y al
grupo2
var arr = [1, 2, 3, 4, 5, 6, 7, 8];
6. Aula Virtual de Electiva II
Prácticas de la Unidad 1
Ing. Ricardo Tillero
console.log(split(arr)); // [[1, 2, 3, 4], [5, 6, 7, 8]]
33. Sumar [[1, 1], [2, 2]] con [[3, 1], [3, 2]].
34. Contar la cantidad de elementos dentro de una matriz.
35. Multiplicar una matriz por un escalar, si la matriz inicial es [[1, 2, 3], [4, 5, 6]], al multiplicarla
por dos deberíamos obtener [[2, 4, 6], [8, 10, 12]].
36. Encontrar el número mayor en una matriz.
37. Determinar si un determinado número se encuentra dentro de una matriz o no.
38. Devolver la suma de todos los elementos en la diagonal de la matriz.