Ασκήσεις με javascript

Κατεβάστε τις ιστοσελίδες στον υπολογιστή σας με δεξί κλικ -> αποθήκευση συνδέσμου ως... για να τις επεξεργαστείτε.
Κατεβάστε και τις συνοδευτικές εικόνες, όπου χρειάζεται.

1. Javascript alert + onmouseover

• Χρησιμοποιήστε το γεγονός onmouseover και τη συνάρτηση mhnyma για να εμφανίζεται κατάλληλο μήνυμα πάνω από κάθε div

2. Javascript radio buttons

• Φτιάξτε μία νέα ομάδα radio buttons με όνομα erwthsh2
• αντιγράψτε τη συνάρτηση allagi()
• μετονομάστε τη σε allagi2()
• αλλάξτε κατάλληλα όλες τις τιμές που χρειάζεται
• ώστε να προβάλλεται το αντίστοιχο περιεχόμενο (εικόνα, κείμενο) στα div second και third

3. Javascript buttons

Αλλάξτε τον κώδικα της σελίδας έτσι ώστε
• να προβάλλει την αγαπημένη ομάδα του χρήστη πατώντας το αντίστοιχο κουμπί
• να υλοποιήσετε τουλάχιστον 5 κουμπιά.

4. Javascript onclick event

1. Φτιάξτε την κλάση container και ορίστε την ιδιότητα float σε left.
2. Τοποθετήστε τις κλάσεις first, second, third, fourth μέσα στην κλάση container.
3. Ορίστε τις ιδιότητες width, height, float(left) στην κλάση results.
4. Ορίστε τις ιδιότητες border-radius, font-size, padding, margin-left, margin-top στην κλάση results ώστε να υπάρχει ομοιομορφία με τις υπόλοιπες κλάσεις.
5. Αλλάξτε το χρώμα φόντου της κλάσης results μέσω της javascript, έτσι ώστε να συμπίπτει με το χρώμα της κλάσης που πατήθηκε.
6. Αλλάξτε τις συναρτήσεις dokimi1,2,3,4 έτσι ώστε να επαναφέρουν το κείμενο των divs που δεν πατήθηκαν στο αρχικό.

5. Javascript function + onclick για απόκρυψη και εμφάνιση τμημάτων της σελίδας.

Αλλάξτε τον κώδικα της σελίδας ως εξής:
• Δημιουργήστε δύο ακόμα συναρτήσεις στη λογική της show1(), οι οποίες θα εμφανίζουν και θα αποκρύπτουν τα κατάλληλα div

5β. Με βάση την προηγούμενη άσκηση:
• Δημιουργήστε μία σελίδα, στην οποία το περιεχόμενο θα εμφανίζεται και θα αποκρύπτεται με στυλ καρτέλας (tab), όπως φαίνεται στην εικόνα.

6. Javascript onmouseover + onmouseout για αλλαγή εικόνας
Προσθέστε ακόμα μία εικόνα και αλλάξτε την πηγή της με τα γεγονότα onmouseover και onmouseout, όπως στο παράδειγμα.

7. onmouseover - changeColor Αλλαγή χρώματος div με τη χρήση javascript

Πίσω στα περιεχόμενα