Diferencia entre revisiones de «Usuario:ManuelRomero/JavaScript/formularios/ejemplos»

De WikiEducator
Saltar a: navegación, buscar
Línea 13: Línea 13:
 
#13-22 años imagen juvenil
 
#13-22 años imagen juvenil
 
#mas de 23 años imagen adulta
 
#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
 +
<source lang=html5>
 +
<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/>
 +
</source>
 +
Te puedes descargar de aquí las imágenes
 +
[imagen:koala.jpg]
 +
[imagen:faro.jpg]
 +
[imagen:medusa.jpg]
 +
[imagen:desierto.jpg]
 
}}
 
}}

Revisión de 02:25 17 mar 2016



Formulario 1



Icon activity.jpg

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)
  1. 0-12 años imagen infantil
  2. 13-22 años imagen juvenil
  3. mas de 23 años imagen adulta






Icon activity.jpg

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 [imagen:koala.jpg] [imagen:faro.jpg] [imagen:medusa.jpg] [imagen:desierto.jpg]