Dropdown button information filter <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false"> Filter by Region </button> <ul> <li><a >Africa</a></li> <li><a >América</a></li> <li><a >Asia</a></li> <li><a >Europe</a></li> <li><a >Oceania</a></li> </ul> of json document https://restcountries.com/v3.1/all

const select = document.querySelector('#dropdownMenuButton1')
const list = document.querySelectorAll('li')

select.addEventListener('click', () => {
  let region = select.innerHTML
  if (region === 'Filter by Region') {
    return
  }
  console.log(region)
  let items = Array.from(list).filter((item) => {
    return item.firstChild.innerHTML === region
  })
  console.log(items)
  let dropRegion = items[0].firstChild.innerHTML
  console.log(dropRegion)
  console.log(countries)
  let country = countries.filter((country) => {
    return country.region === dropRegion
  })
  console.log(country)
})