Aici sunt prezentate diferențele dintre versiunile selectate și versiunea curentă a paginii.
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. |