Как сохранить результаты API для использования в HTML - PullRequest
0 голосов
/ 18 апреля 2020

Я вызываю данные из слова api, они отображают результаты в консоли, и я хочу знать, как извлечь их из консоли для использования в HTML, это то, что я пока имею, но оно говорит данные не определены?

<body>
    <h1></h1>
    <h2 id="word"></h2>
    <span id="pronounciation"></span>
    <p id="definition"></p>
</body>
<script>
axios({
    "method":"GET",
    "url":"https://wordsapiv1.p.rapidapi.com/words/",
    "headers":{
    "content-type":"application/octet-stream",
    "x-rapidapi-host":"wordsapiv1.p.rapidapi.com",
    "x-rapidapi-key":"ccb1d69ea5msh168847677e50725p16e36ejsn3c6e7eb2b4fe"
    },"params":{
    "random":"true"
    }
    })
    .then((response)=>{
      console.log(response)
    })
    .catch((error)=>{
      console.log(error)
    });
    var word = {word: data.word};
    document.getElementById("word").innerHTML = word.word;
</script>
...