Scribd
Cargar
176 vistas3 páginas

Proyecto Interactivo con HTML y JavaScript

El documento describe 10 ejercicios de programación web usando HTML, CSS y JavaScript. Los ejercicios incluyen: 1) crear botones para mostrar imágenes y descripciones, 2) calcular bonificaciones y descuentos salariales, 3) calcular pagos de préstamos, 4) crear un menú desplegable de páginas web, 5) crear un formulario para recibos de luz, 6) generar números de RUC, 7) mostrar precios y pagos de artefactos, 8) crear un slider de imágenes, 9) convertir números a le

Cargado por

Alvaro Torres Bustamante
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
176 vistas3 páginas

Proyecto Interactivo con HTML y JavaScript

El documento describe 10 ejercicios de programación web usando HTML, CSS y JavaScript. Los ejercicios incluyen: 1) crear botones para mostrar imágenes y descripciones, 2) calcular bonificaciones y descuentos salariales, 3) calcular pagos de préstamos, 4) crear un menú desplegable de páginas web, 5) crear un formulario para recibos de luz, 6) generar números de RUC, 7) mostrar precios y pagos de artefactos, 8) crear un slider de imágenes, 9) convertir números a le

Cargado por

Alvaro Torres Bustamante
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

SEGUNDO TRABAJO

Utilizando HTML y Hojas de Estilo con cdigos de JAVASCRIPT realizar:

1.- Colocar cuatro botones , control imagen y un textarea , cada boton contiene el
nombre de una imagen(departamentos) ; cuando se pasa el mouse sobre el boton
va mostrar la imagen y su descripcin en textarea.

2 Ingresar el nombre de un empleado, la categora, la cantidad de hijos y el sueldo


de un empleado. Mostrar en un textarea la bonificacin 1(cat a--> 5%, cat b-->
15%, cat c--> 8%, otros 0) del sueldo, la bonificacin 2 (2% del sueldo x cada hijo)
el dscto(5% para todos) y el total a pagar(sueldo + boni f - dscto)

3.- Realice un algoritmo que teniendo como dato de entrada el monto del
prstamo, determine el monto total a pagar por el prstamo,
el monto de las cuotas especiales y el monto de las cuotas ordinarias

4.- Colocar en una lista desplegable 5 direcciones de paginas , ejemplos tutoriales


de java script o php luego al elegir una de ellas lo muestra en un IFRAME.
6.- ingrese su da, mes y ao de nacimiento , luego muestre su edad y a que
signo pertenece con su imagen respectiva.

5.-Realizar un programa empleando formularios para ingresar los datos respecto a


un recibo de luz, como se muestra en la siguiente figura, la tarifa es para tipo
residencial 0.6 y comercial 0.9 , consumo es la diferencia de lec. Presente y
anterior y el pago por consumo es multiplicando por la tarifa,

Datos de Salida
Nombre del Usuario..
Consumo de Luz ..
Pago Mensual
Impuesto .
Pago Total ,,,,,,,,,
6.- Generacin de los Numeros de RUC

Ingrese Libreta Electoral El numero de Ruc se genera a partir


Tipo de Persona del numero de libreta electoral , en el
Jurdica Natural text1 solo se ingresara nmeros
Los dos primeros dgitos puden ser:
RUC GENERADO 10 = Persona natural
12= Persona Jurdica
Enviar El ultimo es un digito generado del 1
al 9

7.- Seleccionar en un combo el artefacto a comprar , debe mostrar


automticamente el precio del artefacto y la foto o imagen de dicho artefacto ,
luego Ud. Elije una de las opciones para el pago (radio)que puede ser en 6,12,18
mes respectivamente el cual debe mostrar el calendario de pago:

Los incrementos de precio , es de acuerdo a los meses de pago y son 20%, 40% y
60% respectivamente, la cuota mensual es constante.

8. Crear un slaider almacenado las imgenes tipo banner luego que cambie cada
segundo.

9.- Ingrese un numero y de 1 a 10000 lo convierta a letras

10.- Empleando funciones matemticas y Math.random , realizar el juego el


ahorcado que consiste en adivinar un numero de 1 al 100 en seis intentos , por
cada intento fallido se le da un castigo que ser mostrado grficamente mediante
imgenes, de acuerdo a:
a) Colocar la soga sobre la viga ( c1.jpg)
b) Traer al usuario (c2.jpg )
c) Traer la silla (c3.jpg) d) colocar al usuario sobre la silla (c4.jpg)
d) Colocar la soga en el cuello del usuario (c5.jpg)
e) Jalar la silla

Se le debe dar
ademas una ayuda
al usuario mostrando
el mensaje ingrese
un numero mayor o
menor al promedio
entre el numero
ingresado y el
numero tomado por
la maquina.

Emplear :
alert(mensaje)
prompt(ingreso)

Unir las paginas con un pagina tipo ndice tipo men empleando el Framset
(divisin de ventanas) , el cual ser mostrado en una pagina principal con dos
marcos de paginas para tener acceso a las dems paginas.

Prof. Alberto Moreno.

Prof. Alberto Moreno.

También podría gustarte