Αυτή η επικεφαλίδα είναι επιπέδου 1 (h1) και μπορείτε να ελέγξετε το χρώμα της από την αντίστοιχη πτυσσόμενη λίστα

Αυτή η επικεφαλίδα είναι επιπέδου 1 (h1) αλλά δεν μπορείτε να ελέγξετε το χρώμα της από την αντίστοιχη πτυσσόμενη λίστα

Μπορείτε να ελέγξετε το χρώμα του κειμένου αυτής της παραγράφου από την αντίστοιχη πτυσσόμενη λίστα

Δεν μπορείτε να ελέγξετε το χρώμα του κειμένου αυτής της παραγράφου από την αντίστοιχη πτυσσόμενη λίστα

Επιλογή Χρώματος Επικεφαλίδας :
Επιλογή Χρώματος Παραγράφου :

Η εφαρμογή αυτή περιέχει δύο πτυσσόμενες λίστες από τις οποίες μπορούμε να επιλέγουμε το χρώμα μιας επικεφαλίδας επιπέδου h1 και μιας παραγράφου. Εμείς επιλέγουμε απλά την πτυσσόμενη λίστα και το χρώμα που θέλουμε και αυτό εφαρμόζεται αυτόματα στα αντίστοιχα αντικείμενα. Για να μπορέσουμε να το πετύχουμε αυτό δώσαμε ένα όνομα (identifier, αναγνωριστικό) σε μια επικεφαλίδα h1 και σε μια παράγραφο, χρησιμοποιώντας την ιδιότητα id. Μετά, μέσα σε μια συνάρτηση της JavaScript διαβάζουμε το χρώμα της επιλογής που κάνει ο χρήστης από την πτυσσόμενη λίστα και το καταχωρούμε στην ιδιότητα style.color του αντίστοιχου αντικειμένου, δηλ. της επικεφαλίδας ή της παραγράφου.

Επιστροφή