Switch

Διαδραστικό παράδειγμα κώδικα που αναπαριστά τη λειτουργία ενός διακόπτη. Ο χρήστης μπορεί να επιλέξει ανάμεσα στις επιλογές ON και OFF. Για τη δημιουργία του παραδείγματος χρησιμοποιείται ο CSS preprocessor LESS.

See the Pen Switch Button #2 by sckarolos (@sckarolos) on CodePen.

Ασκηση: Επεκτείνετε τον κώδικα του παραδείγματος έτσι ώστε κατά την ενεργοποίηση του διακόπτη (θέση ON) να εμφανίζεται στην οθόνη το μήνυμα “LIGHT ON”. Για το σκοπό αυτό χρησιμοποιείστε κώδικα javascript.