JavaScript 문제집 레벨 8.4

버튼과 텍스트가 있는 블록이 주어집니다. 텍스트는 높이에 맞지 않아 블록에 숨겨져 있습니다. 버튼을 클릭하면 블록을 전체 높이로 펼치세요.

텍스트가 있는 문자열이 주어집니다. 각 문자의 백분율 구성을 객체로 얻으세요. 객체의 키는 문자이고 값은 해당 문자의 백분율 구성입니다.

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'
  ],
}