Я вызываю данные из слова 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>