Επίπεδο 8.9 του βιβλίου προβλημάτων JavaScript

Δίνεται ένα μενού με συνδέσμους. Κάντε έτσι ώστε με κλικ στον σύνδεσμο του μενού, κάτω από αυτόν να εμφανίζεται ένα υπομενού.

Δίνεται μια παράγραφος με λέξεις και ένα κουμπί. Με κλικ στο κουμπί, βάψτε κάθε λέξη σε ένα τυχαίο χρώμα έτσι ώστε οι γειτονικές παράγραφοι να έχουν διαφορετικά χρώματα.

Δίνεται ένα div. Αυτό το div έχει ένα σταυρό κλεισίματος. Κάντε έτσι ώστε με κλικ στον σταυρό, ή σε οποιοδήποτε σημείο της σελίδας έξω από το div, αυτό το div να κρύβεται.

Δίνεται ένα textarea και μια ul. Στο textarea εισάγεται κείμενο. Κάντε έτσι ώστε με πίεση των Shift + Enter κάθε γραμμή κειμένου να προστίθεται στη λίστα ως ξεχωριστή ετικέτα li.

Δίνεται η ακόλουθη λίστα υποχρεώσεων για μια συγκεκριμένη ημερομηνία:

let affairs = {
	'2019-12-31': ['πίνακας υποχρεώσεων'],
	'2018-11-29': ['πίνακας υποχρεώσεων'],
	'2018-11-30': ['πίνακας υποχρεώσεων'],
	'2018-12-27': ['πίνακας υποχρεώσεων'],
	'2019-12-29': ['πίνακας υποχρεώσεων'],
	'2019-12-30': ['πίνακας υποχρεώσεων'],
	'2018-12-30': ['πίνακας υποχρεώσεων'],
	'2018-12-31': ['πίνακας υποχρεώσεων'],
}

Εμφανίστε στην οθόνη όλες τις υποχρεώσεις για το 2018 έτος.