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

Δίνεται ένα κουμπί και ένα μπλοκ με κείμενο. Το κείμενο δεν χωράει σε ύψος στο μπλοκ και είναι κρυμμένο. Πατώντας στο κουμπί, ανοίξτε πλήρως το μπλοκ σε όλο του το ύψος.

Δίνεται μια συμβολοσειρά με κείμενο. Λάβετε το ποσοστό συμμετοχής κάθε συμβόλου του κειμένου σε μορφή αντικειμένου, στο οποίο τα κλειδιά θα είναι τα σύμβολα, και οι τιμές - το ποσοστό συμμετοχής τους.

Δίνεται μια λίστα ul και ένα πεδίο εισαγωγής. Καθώς εισάγετε κείμενο στο πεδίο, αφήστε ορατές μόνο εκείνες τις li των οποίων το κείμενο ξεκινά με το κείμενο που εισήχθη στο πεδίο.

Εμφανίστε στην οθόνη την ακόλουθη πυραμίδα:

Δίνεται μια λίστα πόλεων και των χωρών τους, που αποθηκεύεται στην ακόλουθη δομή:

javascriptlet data = [
  {
    country: 'country1',
    city:    'city11',
  },
  {
    country: 'country2',
    city:    'city21',
  },
  {
    country: 'country3',
    city:    'city31',
  },
  {
    country: 'country1',
    city:    'city12',
  },
  {
    country: 'country1',
    city:    'city13',
  },
  {
    country: 'country2',
    city:    'city22',
  },
  {
    country: 'country3',
    city:    'city31',
  },
]

Γράψτε κώδικα, που θα μετατρέψει τη δομή δεδομένων σε αυτήν εδώ:

javascript{
  'country1': [
    'city11', 'city12', 'city13',
  ],
  'country2': [
    'city21', 'city22'
  ],
  'country3': [
    'city31', 'city32'
  ],
}