Diferențe

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

Link către această vizualizare comparativă

--- module:11-basic-web-dev:lectie-09 [2014/11/14 20:17]
astoican [Evenimentele onMouseDown si onMouseUp]
+++ module:11-basic-web-dev:lectie-09 [2017/02/18 15:10] (curent)
giorgiana.vlasceanu [Task-uri]
@@ Linia 65: / Linia 65: @@
 <html><p data-height="108" data-theme-id="0" data-slug-hash="ogNpGQ" data-default-tab="result" data-user="andreeas" class='codepen'>See the Pen <a href='http://codepen.io/andreeas/pen/ogNpGQ/'>ogNpGQ</a> by andreea (<a href='http://codepen.io/andreeas'>@andreeas</a>) on <a href='http://codepen.io'>CodePen</a>.</p>
 <script async src="//assets.codepen.io/assets/embed/ei.js"></script></html>
+==== Task-uri ====
+. 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.
+. Folositi **onMouseDown** și **onMouseUp** pentru a schimba o imagine cu alta, atunci când se apasă pe mouse.
+. Creați o căsuță de scris cu mai multe linii. Folosiți evenimentul **onBlur** pentru a transforma toate literele în litere mici.
+. 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.
+. 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**
+. 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.

Digital Kids

Unelte utilizator

Unelte site

Diferențe

Unelte pagină