|
|
Línea 26: |
Línea 26: |
| [[imagen:koala.jpg|200px]] | | [[imagen:koala.jpg|200px]] |
| [[imagen:faro.jpg|200px]] | | [[imagen:faro.jpg|200px]] |
− | [[imagen:Mimedusa.jpg|200px]] | + | [[imagen:Mimedusa.jpg]] |
− | [[imagen:Midesierto.jpg|200px]] | + | [[imagen:Midesierto.jpg]] |
| }} | | }} |
| {{Actividad| | | {{Actividad| |
Revisión de 03:37 17 mar 2016
LENGUAJE JAVASCRIPT: JavaScript un lenguaje de programación web
Programación web al lado del cliente
JavaScript Un lenguaje de script en el cliente
Formulario 1
Actividad
Preguntamos algún dato en un formulario
- Titulo
- Edad del usuario
- Luego mostrarmos una página que tenga como h1 el título de la página
- En función de la edad cargaremos una imagen u otra (tendremos 3 imágenes)
- 0-12 años imagen infantil
- 13-22 años imagen juvenil
- mas de 23 años imagen adulta
|
Actividad
- Dado una página con imágenes, haz un programa que cuando apriete un bótón se desplacen las imágenes
<img src="img/koala.jpg" alt="" width=200px height=200px/>
<img src="img/faro.jpg" alt="" width=200px height=200px/>
<img src="img/medusa.jpg" alt="" width=200px height=200px/>
<img src="img/desierto.jpg" alt="" width=200px height=200px/>
Te puedes descargar de aquí las imágenes
|
Actividad
- Modifica el ejerecicio anterior para que cada imagen tenga un texto asociado (dos o tres líneas)
- Solo se debe de visualizar el texto de la imagen seleccionada.
- Además que cuando haga un click sobre ella que se le ponga un borde (solo a esa imagen)
|
Actividad
- Intenta hacer lo mismo, pero sólo con el evento de poner el ratón sobre la imagen.
|