Tom e Jerry
Aggregazione dei criteri
Il topo Tom è un'immagine che viene posizionata a caso sullo schermo. Quando il cursore del mouse (icona di Tom) passa sopra l'immagine viene generata una nuova posizione. L'evento da utilizzare è onMouseOver.
Per posizionare l'icona di Jerry è necessario generare a caso due coordinate x e y. Si ricordi che la posizione di un'immagine (come di qualsiasi altro elemento HTML) fa riferimento all'angolo alto destro dell'elemento. I valori che possono essere assunti da x vanno da 0 al valore massimo determinabile come differenza tra la larghezza dello schermo e la larghezza dell'immagine (100px). Stessa cosa per la coordinata y.
Realizzare una pagina web che si comporti come da video.
Indicazioni su come svolgere l'esercizio.
Il gatto Tom è il cursore del mouse a cui è stata cambiata l'immagine tramite la proprietà CSS cursor.Il topo Tom è un'immagine che viene posizionata a caso sullo schermo. Quando il cursore del mouse (icona di Tom) passa sopra l'immagine viene generata una nuova posizione. L'evento da utilizzare è onMouseOver.
Per posizionare l'icona di Jerry è necessario generare a caso due coordinate x e y. Si ricordi che la posizione di un'immagine (come di qualsiasi altro elemento HTML) fa riferimento all'angolo alto destro dell'elemento. I valori che possono essere assunti da x vanno da 0 al valore massimo determinabile come differenza tra la larghezza dello schermo e la larghezza dell'immagine (100px). Stessa cosa per la coordinata y.
Possibili implementazioni
- inserire una casella di testo in cui compare il numero di volte che Tom ha catturato Jerry