Proširenje prve web stranice - CSS i JS
Completion requirements
Zadatak 1: Postaviti da je slika okrugla (ili oblik elipse) sa okvirom koji je neke druge boje (i možda isprekidan)
img {width: 50vw;border: 2px dashed red;border-radius: 50%;}
Zadatak 2: Napraviti JavaScript fajl akcija.js u kojem treba da se nalaze tri promenljive koje ćemo da prikažemo kasnije
var poruka1 = "Ovo je slika";let poruka2 = "Odoh ja odavde";poruka3 = "Dobro došli";
Povezati JavaScript fajl u head delu fajla!<script src="akcija.js"></script>
Zadatak 3: Na način koji je rađen u drugom razredu (unutar html taga za sliku) prikazati sledeće:
- klikom na sliku da se prikaže poruka1
<img src="....." onclick="alert(poruka1)">
- kada se mišem izađe sa slike da se prikaže poruka2
<img src="....." onmouseleave="alert(poruka2)">
- kada se mišem uđe na područje slike da se prikaže poruka3
<img src="....." onmouseenter="alert(poruka3)">
Last modified: Monday, 9 September 2024, 1:20 PM