Dígame cómo hacer una lista personalizada de países usando la API. Aquí está el código de recuperación:

 const countryList = document.querySelector('.form-list.country'); fetch('https://restcountries.com/v3.1/all').then(res => { return res.json(); }).then(data => { let output = ''; data.forEach(country => { output += `<li class="form-item" data-value="${country.name.common}">${country.name.common}</li>`; countryList.innerHTML = output; }); }).catch(err => { console.log(err); });

código completo html, css, js Se forma la segunda lista, "País", pero el nombre del país no se proporciona en el formulario, y el atributo "valor-datos="" " debe estar en la entrada a continuación. En la primera lista "Cantidad de invitados" todo está bien, porque todo el código está en html desde el principio. Necesito el mismo menú desplegable pero con países. Solo para decir que todo funciona con la etiqueta de selección, pero necesito una lista personalizada. Gracias por adelantado.