как использовать выборку для получения и отображения информации

#javascript

#javascript

Вопрос:

мне удалось использовать выборку, чтобы получить некоторую информацию о населении мира. я получил информацию и разместил ее на своей странице. это URL-адрес для получения данных о населении Норвегии (https://d6wn6bmjj722w.population.io/1.0/population/Norway/today-and-tomorrow /) и это список всех стран (https://d6wn6bmjj722w.population.io/1.0/countries ). я хотел бы знать, как я могу отправить другой запрос (выбрать другую страну). в моем коде code есть текстовое поле, которое получает название страны от пользователя. я хочу, чтобы в качестве запроса использовалось то же имя. вот мой код для извлечения информации.

 function fetchcountryList(){
    fetch("https://d6wn6bmjj722w.population.io/1.0/countries").then(response=>{
       if(!response.ok){
           throw Error("ERROR")
       }
      return response.json();
    }).then(data=>{
        console.log(data.countries);
       const cl=data.countries.map(user2=>{
       return `<p>Country List:${user2}})</p>`
    }).join()
    document.querySelector("#myFetch2").innerHTML=cl;
    })
    .catch(error=>{
        console.log(error)
    })

}



function fetchCountry(){
    fetch("https://d6wn6bmjj722w.population.io/1.0/population/Norway/today-and-tomorrow/")
.then(Response=> {
    if(!Response.ok){
      throw Error('ERROR')
    }
return Response.json();
    }).then(data=>{
        console.log(data.total_population); 
        const html=data.total_population.map(user=>{
            return `<p>Population: ${user.population}</p>`
        }).join()      
        document.querySelector("#myFetch").innerHTML=html;
    })
    .catch(error =>{
        
    })
}
  

Ответ №1:

ну, я не думаю, что ваша вторая функция работает, если да, то замените консоль.войдите в document.write, так как вам нужно работать с объектом.

в вашей основной функции, куда вы добавляете элементы списка, передайте переменную x, например, так:

const x = data.total_population.x; list.appentchild(document.createTextNode(x));