graphql fetch data to frontend code example

Example: fetch graphql

const query = `
query {
    questions {
      id
      code
      content
    }
  }
`,
  url = "https://....com/graphql", //your url Endpoint
  datas= [],
  opts = {
  method: "POST",
  headers: {
    'Content-Type': 'application/json',
    'Accept': 'application/json',
  },
body: JSON.stringify({ query })
};
fetch(url, opts)
  .then(r => r.json())
  .then(({ data }) => (document.getElementById('id_3').innerHTML = data.questions
    .map(r => `
      <p>your data ${r.data}</p>
    `)
    .join()
  ))