Exercicis - HTML i Javascript - 4 de Novembre 2009

Exercici 0
Digues si són certes o falses les següents frases:

  1. Javascript és un llenguatge de programació orientat a objectes que actua en el costat client(POO).
  2. Les funcions de javascript es declaren entre les etiquetes script al body.
  3. Amb javascript podem definir interactivitat en el costat client.
  4. a="5"; és una variable numèrica.
  5. Un element html a javascript és un objecte.
Exercici 1
Respón a les següents preguntes:
  1. Com es defineix una variable.
  2. Tipus de variables que hem fet.
  3. Com es defineix una funció. A on?
  4. DOM -> Com "enrutem" al valor d'un camp de text d'un formulari.
  5. Com creem una variable amb javascript.
  6. Com asignem un valor a una variable amb javascript.
  7. Com cridem a una funció.
  8. Què és un event de ratolí.
  9. Fes una llista d'events de ratolí.
  10. Com fer que aparegui el focus del ratolí a un camp de text a un formulari quan s'ha carregat la pàgina.
  11. Què és una condicional.
  12. Fes una llista de tot el que saps fins ara sobre javascript.
  13. Cerca tipus de variables.
  14. Què és un array.
  15. Defineix AJAX i els seus usos.
Exercici 2 (HTML)
Fes una pàgina que serveixi per enviar una cerca al google. A veure si es pot. Feu servir el mètode get.


Exercici 3

Fent comentaris de Javascript( // ) o de HTML (<!-- /-->) explica per a què serveixen les coses de javascript que vegis als codis següents.


Exemple 1


<HTML>
<HEAD>
<TITLE>Alert i formulari</TITLE>

<script type="text/javascript" language="javascript">

function mensaje() {

texto=document.formulina.campillo.value;

document.formulina.clonico.value=texto;

}

</script>
</HEAD>

<BODY onload="document.formulina.campillo.focus();">

<FORM name="formulina">

<INPUT TYPE="text" name="campillo">

<INPUT TYPE="button" value="clonar" onclick="mensaje();" >

<INPUT TYPE="text" name="clonico">

</FORM>

</BODY>
</HTML>



Exemple 2


<HTML>
<HEAD>
<TITLE>Alert i formulari</TITLE>

<script type="text/javascript" language="javascript">

function mensaje() {

texto=document.formulina.campillo.value;

alert(texto);
}

</script>
</HEAD>

<BODY>
<FORM name="formulina">

<INPUT TYPE="text" name="campillo">

<INPUT TYPE="button" value="mensaje" onclick="mensaje();" >

</FORM>

</BODY>
</HTML>





Exercici 4
Basant-te en el exemple 2 de l'exercici anterior crea un formulari amb dos camps i dos botons que ens serveixi per convertir un valor en euros a pesetes i de pesetes a euros amb dos botons.

Exercici 5
Busca a internet alguna funció que serveixi per reemplaçar un caràcter que hi hagi a una cadena per un altre. I per aplicar aquest coneixement crea un formulari amb un textarea i un botó que cridi a una funció que sustitueixi les lletres amb accents i que se surtin de ASCII pels seus caràcters especials.

Exercici 6
Busca a internet alguna manera, amb javascript, d'escriure text dins d'un paràgraf.

Exercici 7
Busca a internet alguna manera, amb javascript, de sustituir una imatge per un altra al passar per sobre amb el ratolí.

Exercici 8
Busca a internet alguna manera, amb javascript, de fer un enllaç.

Exercici 9
Busca a internet o a librosweb alguna manera, amb javascript, d'obtenir la resolució de la pantalla de l'ordinador de l'usuari.

Exercici 10
Busca a internet o a librosweb alguna manera, amb javascript, de limitar el número de caràcters escrits a un camp de text.

0 comentarios: