Как мне создать div и поместить в него данные «брендов» из JSON?

Question

В настоящее время я пытаюсь узнать, как получить доступ к данным из API и поместить их в div на моем html. Я использую fetch, но я не уверен, куда идти после того, как я зашифрую данные. Я хочу получить доступ к данным «Брендов» из API и поместить их в мой HTML.

fetch("http://makeup-api.herokuapp.com/api/v1/products.json")
    .then(res => res.json())
    .then(
    (data) => {
        JSON.stringify(data)
    }

Answer 1

Я рекомендую использовать этот учебник для изучения извлечения JavaScript.

Вот рабочий фрагмент (хотя он не будет работать с SO).

const url = 'http://makeup-api.herokuapp.com/api/v1/products.json';
fetch(url)
  .then((resp) => resp.json())
  .then(function(data) {
    let products = data;
    return products.map(function(product) {
      console.log(product.brand);
      //$("#listOfBrands").append(product.brand); // do as you will
    })
  })
  .catch(function(error) {
    console.log(error);
  });

<div id="listOfBrands"></div>