Scribd
Cargar
413 vistas

Ejercicios Resueltos JavaScript

Este documento contiene 12 ejercicios de programación en JavaScript resueltos. Los ejercicios cubren temas como funciones, objetos, formularios, eventos de ratón y visibilidad de capas. Algunos ejercicios piden crear funciones para puntuar manos de cartas, gestionar empresas y empleados usando objetos, o validar y enviar datos de formularios.

Cargado por

sefahow
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
413 vistas

Ejercicios Resueltos JavaScript

Este documento contiene 12 ejercicios de programación en JavaScript resueltos. Los ejercicios cubren temas como funciones, objetos, formularios, eventos de ratón y visibilidad de capas. Algunos ejercicios piden crear funciones para puntuar manos de cartas, gestionar empresas y empleados usando objetos, o validar y enviar datos de formularios.

Cargado por

sefahow
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
Está en la página 1/ 22

EJERCICIOS RESUELTOS JAVASCRIPT

Programación básica

1. Desarrolla una función que puntúe una mano de cartas, que tenga como parámetro
un array de cartas, cada una representada por un objeto con palo y valor. Al
puntuar, las cartas suman su valor excepto si es un as que suma 20. Prueba a
invocarla con varias manos de cartas con y sin ases.

2. Partiendo de la función anterior, modifícala para que además las cartas rojas
sumen el doble.
3. Desarrolla un programa que use la función anterior para puntuar las manos de
cartas de dos jugadores e imprima por consola al ganador, es decir, al que obtenga
mayor puntuación.

Estilo

4. Pide al usuario que introduzca el nombre de un color y cambia el color de fondo de


la página web con ese color.

5. Crea una página web como la de la figura, al seleccionar un


botón de radio y hacer clic en el botón, se cambiará el color
de fondo de la página.
codigo.js

6. Crea una página web con una imagen que aumente de tamaño cuando el ratón pase
por encima y, recupere su tamaño original cuando el ratón salga fuera de la imagen.
Objetos

7. Desarrolla un programa que gestione empresas y empleados. La información a


utilizar será la siguiente:

Crea varias empresas y empleados usando POO.


Dicha información se mostrará a través de una página web de la forma siguiente:
Al hacer clic en las empresas saldrá una ventana con información de las mismas:

Al hacer clic en los empleados saldrá una ventana con información de los mismos:
Formularios

8. Desarrolla una página web con un formulario para recoger un nombre y una edad:

Con el botón “Evaluar” se comprueba que las cajas de texto no estén vacías y que la
edad sea un número y que esté entre 0 y 100. Si se cumplen los requisitos se muestra
una ventana de alerta con los datos introducidos.

Con el botón “Resetear” las cajas de texto se vacían y el foco vuelve a la caja del
nombre.
9. Desarrolla una página web con un formulario para iniciar sesión, comprobando que
las contraseñas introducidas sean iguales. En caso contrario se avisará al usuario
por medio de mensajes de alerta, tanto si son distintas como si no se ha introducido
ningún dato:

estilos.css
codigo.js

Visibilidad de capas

10. Desarrolla una página web con un formulario como el siguiente:

Al hacer clic sobre el botón “mostrar” se hará visible un mensaje de texto:


Al hacer clic sobre el botón “ocultar” se volverá a ocultar el mensaje.

estilo.css
codigo.js
11. En función de la opción del combo aparecerán unos datos u otros. Al enviar los datos
deberá comprobar que todos los datos del formulario están rellenos y que los datos
numéricos no contienen caracteres, y si todo es correcto aparecerá un mensaje
modal que indique "Datos enviados correctamente".
.js
12. Programar utilizando JavaScript el documento HTML para que realice las
siguientes operaciones cuando se pulse el botón “Generar Carta a los Reyes Magos”:

a) Verifique que los campos obligatorios han sido rellenados y que no se excede
del tamaño máximo: todos los campos son obligatorios, los campos con los
regalos no deben superar los 30 caracteres.

b) En el caso en que no estén rellenos aparecerá el texto “campo obligatorio” al


lado del campo correspondiente.

c) En el caso en que el teléfono no cumpla el patrón “(+prefijo) número de


teléfono”, aparecerá un texto explicativo al lado del campo:

d) Rellenar la siguiente ficha con los datos del formulario:


e) En función del Rey Mago favorito, modificar el color de la carta (Melchor – color rojo;
Gaspar – color amarillo y Baltasar – color verde).

f) Hacer que la ficha esté oculta inicialmente y se muestre cuando el formulario haya
sido rellenado satisfactoriamente:
estilo.css
codigo.css

También podría gustarte