Unelte utilizator

Unelte site


module:11-basic-web-dev:lectie-09

Diferențe

Aici sunt prezentate diferențele dintre versiunile selectate și versiunea curentă a paginii.

Link către această vizualizare comparativă

Both sides previous revision Previous revision
Next revision
Previous revision
module:11-basic-web-dev:lectie-09 [2014/11/14 20:19]
astoican
module:11-basic-web-dev:lectie-09 [2017/02/18 15:10] (curent)
giorgiana.vlasceanu [Task-uri]
Linia 66: Linia 66:
 <script async src="//​assets.codepen.io/​assets/​embed/​ei.js"></​script></​html>​ <script async src="//​assets.codepen.io/​assets/​embed/​ei.js"></​script></​html>​
  
-====Task-uri====+==== Task-uri ==== 
 + 
 +1. Creați un dreptunghi și un pătrat. Când mouse-ul este deasupra dreptunghiului,​ se va colora în albastru. Iar când mouse-ul este desupra pătratului,​ se va colora în galben. Altfel, rămân albe. 
 + 
 +2. Folositi **onMouseDown** și **onMouseUp** pentru a schimba o imagine cu alta, atunci când se apasă pe mouse. 
 + 
 +3. Creați o căsuță de scris cu mai multe linii. Folosiți evenimentul **onBlur** pentru a transforma toate literele în litere mici. 
 + 
 +4. Creați un vector de string-uri cu link-uri de poze. Folosiți functia **Math.random()** pentru a alege un link din vector. 
 +Odată cu mișcarea mouse-ului se va schimba aleator imaginea background-ului. 
 + 
 +5. Folisiți **onFocus** pe o căsuță de scris cu mai multe linii. Acest eveniment va schimba culoarea căsuței și va adăuga un text. 
 +Culoarea se va schimba random. Vezi exemplul de la punctul **Evenimentul onMouseMove** 
 + 
 +6. Folosiți **onChange** pe un element de tip select care conține nume de eroi. Dacă este selectat eroul preferat, atunci se va apărea o fereastră de tip **alert* cu mesajul: "Ai ghicit eroul meu preferat",​ altfel se va afișa alt mesaj.
module/11-basic-web-dev/lectie-09.1415989192.txt.gz · Ultima modificare: 2014/11/14 20:19 de către astoican